DOM节点信息

每个DOM节点都保存了关于该节点的一些信息,我们来看看如何访问这些信息。

nodeName、nodeValue和nodeType

同样,按照字面意思:nodeName表示节点名称,nodeValue表示节点值,nodeType则为节点类型。每个DOM节点都包含这些信息,我们可以很方便地通过JavaScript来访问这些属性。下面我们就来看一个使用这些属性的一个例子。

应用实例

HTML代码:


test文字


JavaScript代码

从例子中可以发现:一个p标签的nodeName是P,尽管在XHMTL中我们把段落写作小些的p,该属性仍然为大写字母。它的nodeValue是null,而并不是它所包含的文本,这是因为文本本身也是一个节点,而文本节点的nodeValue才是文字。

最后,nodeType是“1”。它的意思是元素节点(我们知道,p是一个HTML元素)。其它重要的DOM节点类型:

  • 2 —— 属性节点
  • 3 —— 文本节点
  • 8 —— 注释节点

你可能感兴趣的:(javascript,function,javascript,html,null,div)