HTML DOM createAttribute() 方法
实例
创建一个值为 "democlass" 的类属性，并将其插入到 <h1> 元素中:
var h1 = document.getElementsByTagName("H1")[0]; // 获取文档中的第一个 <h1> 元素
var att = document.createAttribute("class"); // 创建 "class" 属性
att.value = "democlass"; // 设置类属性的值
h1.setAttributeNode(att); // 将class属性添加到<h1>
创建属性之前:
Hello World
添加属性后:
Hello World
亲自试一试 »
页面下方有更多实例。
定义和用法
createAttribute() 方法创建具有指定名称的属性，并将该属性作为 Attr 对象返回。
提示: 使用 attribute.value 属性来设置属性的值。
提示: 使用 element.setAttributeNode() 方法将新创建的属性添加到元素中。
提示: 通常，您会希望使用 element.setAttribute() 方法，而不是 createAttribute() 方法。
浏览器支持
| 方法 | |||||
|---|---|---|---|---|---|
| createAttribute() | Yes | Yes | Yes | Yes | Yes |
语法
document.createAttribute(attributename)
参数值
| 参数 | 类型 | 描述 |
|---|---|---|
| attributename | Attr object | 必须。要创建的属性名称。 |
技术细节
| 返回值: | Node 节点对象，表示已创建的属性 |
|---|---|
| DOM 版本 | Core Level 1 Document Object |
更多实例
实例
创建 href 属性，其值为 "www.w3ccoo.com" ，并将其插入 <a> 元素:
var anchor = document.getElementById("myAnchor"); // 用 id="myAnchor" 获取 <a> 元素
var att = document.createAttribute("href"); // 创建 "href" 属性
att.value = "https://www.w3ccoo.com"; // 设置 href 属性的值
anchor.setAttributeNode(att); // 将 href 属性添加到 <a>
创建属性之前:
添加属性后:
亲自试一试 »
