看了几天的文档对象模型,对于DOM概念还是有点模糊,DOM应该包括html文档树和操作这个文档树的一系列方法。不过今天算弄明白了文档树和各个节点类型。
一个html文档就是一个document,文档树中有三种常见的节点类型:
1、元素节点,所有html标签都可以归为元素节点,nodeType值是1;如:body、head 、span等;
2、属性节点,所有标签的属性可以归为属性节点,nodeType值是2;如:href、value等;
3、文本节点,就是包含在各种标签的文本值了,nodeType值是3;如
这段文字就是一个文本节点
。
对于各个节点的父节点、子节点、兄弟节点比较容易理解,获取节点的方法在JS中只有两种:getElementById()和getElementsByTagName_r(),直接从命名就可以看出其含义了,后者还是getElements,是因为获取的是所有这个tag的节点。
一个节点有几个常见的属性,像node.NodeType, node.data,
node.NodeName等可以分别获得节点的节点类型,节点的数值和节点的名称。