PHP前端开发

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

百变鹏仔 2个月前 (10-19) #H5教程
文章标签 简明

HTMLDocument上的扩展

html5在dom level 2 html上扩展了一些htmldocument的接口。这些接口在所有实现了document接口的元素对象上进行了实现。html5在里面也新增加了几个成员:

getelementsbyclassname():用class类获取元素,用这个方法可以查询任何带有class属性且带有符合该class参数值的元素和document对象(例如:svg和mathml)。

innerhtml:一种解析和序列化html/xml文档的方式,该属性在以前版本的浏览器里只支持htmlelement并且没有标准化,现在已经支持htmldocument了。

activeelement和hasfocus:声明哪个元素是当前的焦点元素和该document是否有各自的焦点。

HTMLElement上的扩展

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

getElementsByClassName():和HTMLDocument里的同名扩展是等价的,只是范围作用域不同 。

innerHTML:当前大部分浏览器都已经支持(包括XML content) 。

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