關于Attr對像中的三個屬性name、value、specified、如何使用，在使用過程中需要注意那些問題，我們將通過此文章進行介紹，元素的特性在DOM中以Attr類型來表示。在所有瀏覽器中(包括IE8)，都可以訪問Attr類型的構造函數和原型。從技術角度講，特性就是存在于元素的attributes屬性中的節點。特性節點具有下列特征：

◎nodeType的值為11;

◎nodeName的值是特性的名稱;

◎nodeValue的值是特性的值;

◎parentNode的值為null;

◎在HTML中不支持(沒有)子節點;

◎在XML中子節點可以是Text或EntityRef erence。

盡管它們也是節點，但特性卻不被認為是DOM文檔樹的一部分。開發人員最常使用的是getAt- tribute()、setAttribute()和remveAt tribute()方法，很少直接引用特性節點。

Attr對象有3個屬性：name、value和specified。其中，name是特性名稱(與nodeName的 值相同)，value是特性的值(與nodeValue的值相同)，而specified是一個布爾值，用以區別特性是在代碼中指定的，還是默認的。

使用document.createAttribute()并傳入特性的名稱可以創建新的特性節點。例如，要為元素添加align特性，可以使用下列代碼：

var element=document.getElementByld("myDiv");

var attr=document.createAttribute("align");

attr.value="left";

element.setAttributeNode(attr);

alert{ element.attriloutes["align"].value); //"left"

alert (element. getAttributeNode("align") .value); //"left"

alert(element. getAttribute("align")); //"left"

這個例子創建了一個新的特性節點。由于在調用createAttribute()時已經為name屬性賦了值，所以后面就不必給它賦值了。之后，又把value屬性的值設置為"left"。為了將新創建的特性添加到元素中，必須使用元素的setAttributeNode()方法。添加特性之后，可以通過下列任何方式訪問該特性：attributes屬性、getAttributeNode()方法以及getAttribute()方法。其中，attributes 和getAttributeNode()都會返回對應特性的Attr節點，而getAttribute()則只返回特性的值。

我們并不建議直接訪問特性節點。實際上，使用getAttribute()、setAttribute() 和removeAttribute()方法遠比操作特性節點更為方便。

本文僅限內部技術人員學習交流,不得作于其他商業用途.希望此文對廣技人員有所幫助。原創文章出自:南昌網站建設公司-百恒網絡http://m.51yjwy.com/如轉載請注明出處!