JavaScript中node的相关属性

Posted 2020-09-02 monica123456

1，childNodes

childNodes属性将返回一个数组，这个数组包含给定元素节点的全体子元素。

检索body元素的第一个子节点：

var body_element=document.getElementByTagName("body")[0];

body元素有几个子元素

var body_element_length=body_element.lchildNodes.length;

2，noteType

检索节点 的类型

alert(body_element.noteType);

noteType一共有12种取值，但只有三种是具有实用价值的：元素节点（属性值为1）、属性节点（属性值为2）、文本节点（属性值为3）

3，nodeValue

如果想改变某个文本节点的值，就使用nodeValue属性，用途是检索和设置节点的值：node.nodeValue

例如检索<p id="description">里面的文本值，<p>元素的nodeValue属性是一个空值，包含在<p>元素的文本是另一种节点，是<p>元素的第一个子节点

alert(description.childNodes[0].nodeValue);

4，firstChild

表示childNodes[]数组的第一个元素，childNodes[0]相当于firstChild

5，lastChild

表示childNodes[]数组的最后一个元素，lastChild相当于childNodes[node.childNodes.length-1]