最新的Web開發教程
 

HTML DOM createAttribute() Method

<文檔對象

創建一個類屬性,其值為"democlass"並把它插入到一個<h1>元素:

var h1 = document.getElementsByTagName("H1")[0];   // Get the first <h1> element in the document
var att = document.createAttribute("class");       // Create a "class" attribute
att.value = "democlass";                           // Set the value of the class attribute
h1.setAttributeNode(att);                          // Add the class attribute to <h1>

在創建屬性之前:

Hello World

插入屬性之後:

Hello World

試一試»

更多"Try it Yourself"下面的例子。


定義和用法

所述createAttribute()方法創建具有指定名稱的屬性,並返回該屬性作為Attr對象。

提示:使用屬性 。價值屬性來設置屬性的值。

提示:使用元素。 setAttributeNode()方法到新創建的屬性添加給一個元素。

提示:通常情況下,你將要使用的元素 setAttribute()方法,而不是createAttribute()方法。


瀏覽器支持

方法
createAttribute()

句法

document.createAttribute( 參數值
參數 類型 描述
attributename Attr object 需要。 你要創建的屬性的名稱

技術細節

返回值: 一個節點對象,表示created屬性
DOM版本 核心1級文檔對象

例子

更多示例

創建一個href屬性,其值為"www.w3ii.com"並把它插入到一個<a>元件:

var anchor = document.getElementById("myAnchor");  // Get the <a> element with id="myAnchor"
var att = document.createAttribute("href");        // Create a "href" attribute
att.value = "http://www.w3ii.com";            // Set the value of the href attribute
anchor.setAttributeNode(att);                      // Add the href attribute to <a>

在創建屬性之前:

插入屬性之後:

試一試»

<文檔對象