js-JavaScript高级程序设计学习笔记7

Posted 2020-08-21 ZhangCui

第十一章 DOM扩展

1、对DOM的两个主要的扩展是Selectors API（选择符API）和html5。

2、jQuery的核心就是通过CSS选择符查询DOM文档取得元素的引用，从而抛开了getElementById（）和getElementsByTagName（）。

3、Selector API Level 1的核心是两个方法：querySelector（）和querySelectorAll（）。querySelector（）接收一个CSS选择符，返回与该模式匹配的第一个元素，没找到返回null。querySelectorAll（）返回所有匹配的元素，返回的是一个NodeList的实例（但不会不断地对文档进行搜索和动态查询）。

4、对于元素间的空格，IE9之前的版本与其他浏览器的处理有差异，导致了在使用childNodes和firstChild等属性时的行为不一致。为了弥补差异又保持DOM规范不变，Element Traversal规范新定义了一组属性。firstElementChild等，不必担心空白文本节点。

5、HTML5新增了一种操作类名的方式，可以让操作更简单也更安全，就是为所有元素添加classList属性，它是新集合类型DOMTokenList的实例。具有添加删除等方法。

6、焦点管理：document.activeElement属性会引用DOM中当前获得了焦点的元素；document.hasFocus（）方法用于确定文档是否获得了焦点。它们的用途是提高web应用的无障碍性。

7、HTML5扩展了HTMLDocument——1、readyState属性，可能的值是loading和complete；2、兼容模式，document.compatMode属性（鉴别标准模式、混杂模式）；3、document.head属性引用文档的head元素。

8、插入标记——innerHTML属性（不要过多使用，影响性能）。outerHTML属性会返回包括自身元素的代码。insertAdjacentHTML（）方法，按位置插入HTML文本。