HTMLCSS学习笔记

 

HTMLDocument 上的扩展

HTML5 在 DOM Level 2 HTML 上扩展了一些 HTMLDocument 的接口。这些接口在所有实现了 Document 接口的元素对象上进行了实现。HTML5 在里面也新增加了几个成员：

  1. getElementsByClassName()``：用class类获取元素，用这个方法可以查询任何带有class属性且带有符合该class参数值的元素和Document对象（例如：SVG 和 MathML）。

  2. innerHTML：一种解析和序列化HTML/XML文档的方式，该属性在以前版本的浏览器里只支持HTMLElement并且没有标准化，现在已经支持HTMLDocument了。

  3. activeElement和hasFocus：声明哪个元素是当前的焦点元素和该Document是否有各自的焦点。

HTMLElement 上的扩展

在 HTML5 里，也对HTMLElement接口增加了一些扩展：

  1. getElementsByClassName()：和HTMLDocument`里的同名扩展是等价的，只是范围作用域不同 。

  2. innerHTML：当前大部分浏览器都已经支持（包括XML content） 。

  3. classList：是className的访问器，该对象提供（contains(), add(), remove(), and toggle()）方法来操作元素的class。 元素a, area和link 也有一个相似的属性访问器relList 提供同样的功能来操作rel属性。