文档节点document，隶属于表示浏览器的window对象，它表示网页页面，又被称为根节点。本文将详细介绍文档节点document的内容 特征　　文档节点的三个node属性——nodeType、nodeValue、nodeName分别是9、'#document'和null　　由于...

　　前面介绍了offset偏移、client客户区和scroll滚动，这三部分主要从属性的角度来对元素尺寸信息进行获取和修改。本文主要介绍元素视图的三个方法，包括getBoundingClientRect()、getClientRects()和elementFromPoint() getBoundingCli...

　　前面两篇博文分别介绍过偏移大小、客户区大小。本文介绍元素尺寸中内容最多的一部分——滚动scroll 滚动宽高scrollHeight　　scrollHeight表示元素的总高度，包括由于溢出而无法展示在网页的不可见部分scrollWidth　　scrollWidth表示元素的总宽度...

　　关于元素尺寸，一般地，有偏移大小offset、客户区大小client和滚动大小scroll。前文已经介绍过偏移属性，后文将介绍scroll滚动大小，本文主要介绍客户区大小client 客户区大小　　客户区大小client指的是元素内容及其内边距所占据的空间大小clientHeight　　clientHei...

　　根据闭包的定义，我们知道，无论通过何种手段，只要将内部函数传递到所在的词法作用域以外，它都会持有对原始作用域的引用，无论在何处执行这个函数都会使用闭包。接下来，本文将详细介绍闭包的10种形式 返回值　　最常用的一种形式是函数作为返回值被返回varF=function(){varb='local';varN...

　　偏移量(offsetdimension)是javascript中的一个重要的概念。涉及到偏移量的主要是offsetLeft、offsetTop、offsetHeight、offsetWidth这四个属性。当然，还有一个偏移参照——定位父级offsetParent。本文将详细介绍该部分内容&n...

　　一说起动态集合，多数人可能都有所了解。但是，如果再深入些，有哪些动态集合，以及这些动态集合有什么表现、区别和联系？可能好多人就要摇头了。本文就javascript中的动态集合做详细介绍 NodeList　　NodeList实例对象是一个类数组对象，它的成员是节点对象，包括childNodes和queryS...

<p>Thisisa<i>simple</i>document</p>　　上面这行代码中，<p>元素的内容是什么呢？答案一：内容是HTML字符串"Thisisa<i>simple</i>document"；答案二：内容是纯文本字符串"T...

　　元素的特性在DOM中以Attr类型表示，从技术角度讲，特性是存在于元素的attributes属性中的节点。尽管特性是节点，但却不是DOM节点树的一部分。本文将详细介绍该部分内容 特征　　特性节点的三个node属性————nodeType、nodeName、n...

　　元素节点Element非常常用，是DOM文档树的主要节点；元素节点是HTML标签元素的DOM化结果。元素节点主要提供了对元素标签名、子节点及特性的访问，本文将详细介绍元素节点的主要内容 特征　　元素节点的三个node属性——nodeType、nodeName、nodeValue分别...

　　在所有节点类型中，只有文档片段节点DocumentFragment在文档中没有对应的标记。DOM规定文档片段(documentfragment)是一种“轻量级”的文档，可以包含和控制节点，但不会像完整的文档那样占用额外的资源 特征　　创建文档片段，要使用document.creat...

　　把注释节点和文档类型节点放在一起是因为IE8-浏览器的一个bug。IE8-浏览器将标签名为"!"的元素视作注释节点，所以文档声明也被视作注释节点。本文将详细介绍这两部分的内容 注释节点【特征】　　注释在DOM中是通过Comment类型来表示，注释节点的三个node属性——nodeT...

　　文本节点顾名思义指向文本的节点，网页上看到的文字内容都属于文本节点。该节点简单直观，本文将详细介绍该部分内容 特征　　文本节点由Text类型表示，包含的是纯文本内容，但文本节点是对象类型<divid="box">内容</div><script>console.log(b...

　　尽管DOM作为API已经非常完善了，但是为了实现更多的功能，DOM仍然进行了扩展，其中一个重要的扩展就是对选择器API的扩展。人们对jQuery的称赞，很多是由于jQuery方便的元素选择器。除了前面已经介绍过的getElementsByClassName()方法外，DOM拓展了querySelectorAll()...

　　既然有getElementById()和getElementsByTagName()方法，为什么没有getElementsByClassName()呢？id属性、标签名、class属性并没有什么优劣之分啊。终于，HTML5新增了getElementsByClassName()方法，由于在CSS布局中类名的广泛使用，...