DOM属性:childNodes、nodeType、nodeValue、firstChild、lastChild

childNodes属性

在一棵节点树上,childNodes属性可以用来获取任何一个元素的所有子元素,它是一个包含这个元素全子元素的数组:

element.childNodes

假设需要把某个指定的ID元素的全体子元素检索出来。首先,我们使用getElementById得到ID元素:

var id_element = document.getElementById("id");

现在变量id_element已经指向了那个ID元素。接下来,可以用如下所示的语法获取指定ID元素的全体子元素:

id_element.childNodes

整个获取指定ID元素的子元素语句可以写成:documentById("id").childNodes。这句返回的值是个数组,想要获取数组中的第几个元素可以在后面加上索引。

nodeType属性

文档里,几乎每一样东西都是一个节点,甚至连空格和换行符都会被解释为节点。每一个节点都有nodeType属性。用下面的语法获取节点的nodeType属性:

node.nodeType

nodeType的值是一个数字,nodeType属性总共有12种可取值,但其中仅有3种具有实用价值。

  • 元素节点的nodeType属性值是1.
  • 属性节点的nodeType属性值是2.
  • 文本节点的nodeType属性值是3.

nodeValue属性

如果想改变一个文本节点的值,那就使用DOM提供的nodeValue属性,它用来得到(或设置)一个节点的值:

node.nodeValue

firstChild属性和lastChild属性

数组元素childNodes[0]有个更直观易读的同义词,如果需要访问childNodes数组的第一个元素,都可以把它写成firstChild

node.firstChild完全等价于node.childNodes[0]

DOM还提供了一个与之对应的lastChild属性:

node.lastChild

这代表着childNodes数组的最后一个元素。如果不想通过lastChild属性去访问这个节点,还可以用如下语法表示数组的最后一个元素

node.childNodes[node.childNodes.length-1]

陈健的个人博客,记录生活所见所感、学习笔记。专注于Web前端_SEO教程_读书心得。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

返回主页看更多
狠狠的抽打博主 支付宝 扫一扫