js学习笔记14----DOM概念及子节点类型
1.概念
DOM:Document Object Model---文档对象模型
文档:html页面
文档对象:页面中的元素
文档对象模型:是一种定义,为了能够让程序(js)去操作页面中的元素。
DOM会把文档看成一棵树,同时定义了很多方法来操作这棵树中的每一个元素(节点)。
DOM节点:节点树中的每一个元素。
文档节点:每个文档的根节点,是文档的最外层元素。每个文档只能有一个文档元素。在HTML页面中,文档元素始终是<html>
2.节点类型
元素.nodeType : 只读属性,当前元素的节点类型
DOM 节点类型有12种:
元素节点 : 1
属性节点 : 2
文本节点 : 3
......
元素.childNodes : 只读属性,子节点列表集合。
标准下:包含了文本和元素类型的节点,也会包含非法嵌套的子节点(如ul里面嵌套p)。
非标准下:只包含了元素类型的节点,ie7以下不会包含非法嵌套的子节点。
只包含一级子节点,不包含孙级节点。
元素.children: 只读属性,子节点列表集合。用法类似于childNodes。
标准下和非法标准下都只包含元素类型的节点。
元素.attributes : 只读属性,获取元素的属性集合
元素.attributes.name : 属性名
元素.attributes.name : 属性值