HTML DOM setAttribute()、與createAttribute()

setAttribute()、與createAttribute() 均可以動態的爲DOM 添加屬性；可是用法卻不同；

 

一、setAttribute()

setAttribute() 直接在DOM節點上添加屬性：

語法：

element.setAttribute(attributename,attributevalue)

例子：

<p >
    <span>1</span>,
    <span>2</span>
    <span>3</span>
    <span>4</span>
    <span>5</span>
</p>

在<p>節點上添加title屬性：

var p=document.getElementsByTagName('p')[0];
p.setAttribute('title','one to five');

二、createAttribute()用法相對複雜一點；

語法：

element.setAttributeNode(attributenode)

var ti=document.createAttribute('title');//建立獨立的屬性節點

ti.nodeValue='one to five';//設置屬性節點值

var p=document.getElementsByTagName('p')[0];

p.setAttributeNode(ti)//追加的設置屬性節點

能夠看出，createAttribute()，與setAttributeNode()是在一塊兒使用的，與createTextNode(),createElement() 相似；先獨立的建立文本節點、屬性節點或元素節點。而後再追加到已有的文檔節點後面；不一樣的是追加文本節點和元素節點使用appendChild()方法；追加屬性節點使用setAttributeNode()方法。

直接使用setAttribute()要方便的多。