DOM 子节点操作 1

DOM

DOM: Document Object Model 文档对象模型

定义 为了能够让程序（js）去操作页面中的元素

（元素 === 节点 === 标签 都是指同一个东西）

DOM 节点类型有很多种 12种

childNodes: 只读 属性 只包含直接子节点列表集合

• 标准下： 包含了文本和元素类型的节点，也会包含非法嵌套的子节点。
• 非标准下： 只包含元素类型的节点
  ie8以下 只包含元素类型节点，ie7 包含非法嵌套的子节点。

元素.nodeType ： 只读 属性，当前元素的节点类型

1 == 元素.nodeType : 元素节点
2 == 元素.nodeType： 属性节点
3 == 元素.nodeType： 文本节点

元素.attributes： 只读 属性 属性列表集合

如 获取 id， style 等属性节点

<ul id="ul1" style="border: 1px solid red;"></ul>

children 属性： 只读 子节点列表集合，不包含文本节点，推荐使用