最新的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>

在创建属性之前:

插入属性之后:

试一试»

<文档对象