代码改变世界

HTML5学习笔记简明版(11):新增的API

2011-12-18 11:52  汤姆大叔  阅读(5929)  评论(2编辑  收藏  举报

HTMLDocument上的扩展

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

  1. getElementsByClassName()class类获取元素,用这个方法可以查询任何带有class属性且带有符合该class参数值的元素和Document对象(例如:SVG和MathML)。
  2. innerHTML:一种解析和序列化HTML/XML文档的方式,该属性在以前版本的浏览器里只支持HTMLElement并且没有标准化,现在已经支持HTMLDocument了。
  3. activeElementhasFocus:声明哪个元素是当前的焦点元素和该Document是否有各自的焦点。

 

HTMLElement上的扩展

在HTML5里,也对HTMLElement接口增加了一些扩展:

  1. getElementsByClassName():和HTMLDocument里的同名扩展是等价的,只是范围作用域不同 。
  2. innerHTML:当前大部分浏览器都已经支持(包括XML content)
  3. classList:是className的访问器,该对象提供(contains(), add(), remove(), and toggle())方法来操作元素的class 元素a, arealink 也有一个相似的属性访问器relList 提供同样的功能来操作rel属性。