JavaScript HTML DOM节点类型之Attr类型


Attr类型在DOM中表示元素的特性,持性可以理解为元素的attributes属性的节点。Attr具有较好的浏器支持,主流浏览器(IE8及以后)都可以访问Attr的构造函数和原型。


  1. Attr类型
  2. Attr对象介绍

1. Attr类型

一个Attr类型的节点具有以下特征:

  • nodeType值为 2
  • nodeName值是特性的名称
  • nodeValue值特性的值
  • parentNode值为null
  • 在HTML中没有子节点,而在XML中子节点可以是TextEntityReference

尽管Attr也是一种节点类型,但Attr确不被做为DOM节点使用,最常用的还是用于读取、设置节点的特性等。

如,读取以下节点的ID特性:

<div id="myUl"></div>
var div = document.getElementById('myDiv');
div.getAttribute('id');  // myDiv


2. Attr对象介绍

属性

Attr对象中有以下属性:

  • name:特性的名称,与nodeName值相同
  • value:特性的值,与nodeValue值相同
  • specified:布尔值,如果是JS脚本指定的特性返回true,如果是文档默认的则返回false

方法

Attr对象继承自Node对象,虽然Node对象中方法都可以使用,但常用的方法是以下几个特性操作的方法:

  • getAttribute(name):获取特性的值
  • setAttribute(name, value):设置特性的值
  • removeAttribute(name):移除指定的特性