HTML DOM createAttribute() 方法

HTML DOM Document对象

createAttribute()方法创建一个新的属性节点,并将该属性作为Attr对象返回。

DOM 并不强制以createAttribute()这种方式向特定元素添加何种类型的属性。

使用attribute.value属性设置属性的值。

使用element .setAttributeNode()方法将新创建的属性添加到元素。

或者,您可以使用element .setAttribute()方法代替createAttribute()方法。

语法:

document.createAttribute(name)
var node = document.getElementById("result");
var a = document.createAttribute("href");
a.value = "https://www.nhooo.com/";
node.setAttributeNode(a);
测试看看‹/›

浏览器兼容性

所有浏览器完全支持createAttribute()方法:

Method
createAttribute()

参数值

参数描述
name包含属性名称的字符串

技术细节

返回值:表示创建的属性的Attr对象
DOM版本:DOM级别1

更多实例

创建一个src属性,其值为“clouds.png”,并将其插入到<img>元素中:

var node = document.querySelector("img");
var a = document.createAttribute("src");
a.value = "/run/images/clouds.png";
node.setAttributeNode(a);
测试看看‹/›

HTML DOM Document对象