目录

HTML DOM 文档 createAttribute()

❮上一节 ❮ 文档对象参考下一节❯

示例

// Create a class attribute:
const att = document.createAttribute("class");

// Set the value of the class attribute:
att.value = "democlass";

// Add the class attribute to the first h1:
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(att);

亲自试一试 »

// Create a style attribute:
const att = document.createAttribute("style");

// Set the value of the style attribute:
att.value = "color:red";

// Add the style attribute to the first h1:
const h1 = document.getElementsByTagName("h1")[0];
h1.setAttributeNode(att);

亲自试一试 »

下面有更多示例。

描述

这个createAttribute()方法创建一个属性并将该属性作为 Attr 对象返回。

选择：

使用起来更容易setAttribute() 方法。

也可以看看：

元素 setAttribute() 方法

属性值属性

元素 setAttributeNode() 方法

语法

document.createAttribute( name)

参数

Parameter	Description
name	Required. The name of the attribute to create.

返回值

类型	描述
节点	创建的属性节点。

更多示例

在锚元素中添加 href="www.91xjr.com" 属性：

// Create a href attribute:
const att = document.createAttribute("href");

// Set the value of the href attribute:
att.value = "https://www.91xjr.com";

// Add the href attribute to an element:
element.setAttributeNode(att);

亲自试一试 »

浏览器支持

document.createAttribute()是 DOM Level 1 (1998) 功能。

所有浏览器都完全支持它：


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	9-11

❮上一节 ❮ 文档对象参考下一节❯