DOM的概念及子节点类型

前言

DOM的作用是将网页转为一个javascript对象，从而可以使用javascript对网页进行各种操作(比如增删内容)。浏览器会根据DOM模型，将HTML文档解析成一系列的节点，再由这些节点组成一个树状结构。DOM的最小组成单位叫做节点(node)，文档的树形结构(DOM树)由12种类型的节点组成。

一：DOM ==> 全称： document Object Mode   文档对象模型

文档： html页面

文档对象：页面元素（节点）

文档对象模型： W3C标准定义：为了能够使用javascript去操作页面中的元素定义出来的标准

二：DOM会把文档当成一节点树，文档里面的每一个元素都是一个节点。同时定义了很多方法来操作这些节点（元素）

三：属性

　　什么是属性：

　　　　1.使用的时候不用再前面加括号

　　　　2.一个属性肯定是某个对象下面的，所以在使用的时候肯定是调用某个对象（元素）下面的属性

　　元素.childNodes     （存在兼容性，不推荐使用，推荐使用另一个 children）

      元素.children  （不管在标准还是非标准下，只包含元素类型的节点。推荐使用）

　　　　特点：只读属性。

　　　　代表：子节点列表集合,试剂盒就有长度，可使用数组形式获取

　　　　只包含儿子子节点，不包含孙子子节点

　　　　获取：实行 [] 下表获取

　　　　标准模式下（非IE）：childNodes 包含了文本和元素类型节点，也会包含非法嵌套的子节点（注意：不是孙子节点）

　　　　非标准：childNodes只包含元素类型的节点。ie7以不会包含非法嵌套子节点

　　　　ul元素下面的所有子元素都包括在这个childNodes属性里面

　　　　访问ul里面的所有 li 子元素形式：

　　　　　　var oul =  document.getElementById('ul');

　　　　　　oul.childNodes.length    // 9  标准模式下

原标题：DOM的概念及子节点类型

关键词：dom