DOM,即document object model中,存在三种类型的节点:元素节点(element node),属性节点(attribute node),文本节点(text node)。
几个属性:
childNodes
,返回一个数组,用来查看给定元素节点的子节点。nodeType
,查看节点类型,元素节点的属性值为1,属性节点为2,文本节点为3。nodeValue
,查看节点的值。注意,如果查看的是文本节点的值,需要查询元素节点的文本节点的值。(说起来很麻烦,看例子吧)
<p>My Name is Wennie.</p>
这里要查询改变p内文本的值,如果用p.nodeValue
是不行的,显示结果为null。因为文本值是文本节点,是p这个元素节点的子节点。正确写法是
p.childNodes[0].nodeValue;
firstChild
/lastChild
,查看给定元素节点的第一个/最后一个子节点。同node.childNodes[0]
,node.childNodes[node.childNodes.length-1]