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 : 属性值

posted @ 2017-02-14 16:25  前端[色色]  阅读(535)  评论(0编辑  收藏  举报