第十二章 DOM2和DOM3

1.①DOM2级核心:没有引入新类型,只是在DOM1级的基础上通过增加新方法和新属性来增强了既有类型

②DOM3级核心:同样增强了既有类型,但也引入了一些新类型

2.getComputedStyle()获取border在不同浏览器返回的结果不同。因为不同浏览器解析综合属性(如border)的方式不同。

3.元素的可见大小由其高度、宽度决定,包括所有内边距、滚动条和边框大小(不包括外边距)

4.offsetParent属性不一定与parentNode的值相等。offsetParent是DOM层次中距元素最近的一个具有大小的元素

5.元素的客户区大小,指的是元素内容及其内边距所占据的空间大小(不包括滚动条和外边距)

6.DOM2级样式特性:

①每个元素都有一个关联的style对象,可以用来确定和修改行内的样式

②要确定某个元素的计算样式(包括应用给它的所有CSS规则),可以使用getComputedStyle()属性

③IE不支持getComputedStyle()方法,但为所有元素都提供了能够返回相同信息currentStyle属性

④可以通过document.styleSheets集合访问样式表

⑤除IE之外的所有浏览器都支持针对样式表的这个借口,IE也为几乎所有相应的DOM功能提供了自己的一套属性和方法

7.DOM2级遍历和范围模块总结:

①遍历即使用 NodeIterator 或 TreeWalker 对DOM执行深度优先的遍历

②NodeIterator 只允许以一个节点的步幅前后移动;TreeWalker在提供相同功能的同时,还支持在DOM结构的各个方向上移动,包括父节点、同辈节点和子节点等方向

③范围是选择DOM结构中特定部分,然后再执行相应操作的一种手段

④使用范围选取可以在删除文档中某些部分的同时,保持文档结构的格式良好,或者复制文档中的相应部分

⑤IE8及更早版本不支持“DOM2级遍历和范围”模块,但它提供了一个专有的文本范围对象,可以用来完成简单的基于文本的范围操作。IE9完全支持DOM遍历。

    原文作者:张果果
    原文地址: https://www.jianshu.com/p/c22ad2657960
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞