HTML DOM Document createAttribute() 方法

定義和用法

code>createAttribute() 方法創建屬性并將該屬性作為 Attr 對象返回。備選方案：

使用 setAttribute() 方法 更容易。

另請參閱：

Element setAttribute() 方法

Attribute value 方法

Element setAttributeNode() 方法

實例

例子 1

// 創建 class 屬性：
const att = document.createAttribute("class");
// 設置 class 屬性的值：
att.value = "democlass";
// 在第一個 h1 中添加 class 屬性：
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(att);

親自試一試

例子 2

// 創建 style 屬性：
const att = document.createAttribute("style");
// 設置 style 屬性的值：
att.value = "color:red";
// 將 style 屬性添加到第一個 h1：
const h1 = document.getElementsByTagName("h1")[0];
h1.setAttributeNode(att);

親自試一試

例子 3

將 href="www.codew3c.com" 屬性添加到 anchor 元素：

// 創建 href 屬性：
const att = document.createAttribute("href");
// 設置 href 屬性的值：
att.value = "https://www.codew3c.com";
// 將 href 屬性添加到元素：
element.setAttributeNode(att);

親自試一試

語法

document.createAttribute(name)

參數

參數 描述
name 必需。要創建的屬性的名稱。

返回值

類型 描述
節點 新創建的屬性節點。nadeName 屬性設置為 name。

拋出

如果 name 含有不含發的字符，該方法將拋出代碼為 INVALID_CHARACTER_ERR 的 DOMException 異常。

瀏覽器支持

document.createAttribute() 是 DOM Level 1 (1998) 特性。

所有瀏覽器都支持它：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 9-11 支持 支持 支持 支持