HTML DOM setAttributeNode() 方法
实例
设置 <h1> 元素的 class 属性节点:
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>
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>
在设置属性节点之前:
在设置属性节点之后:
页面下方有更多实例。
定义和用法
setAttributeNode() 方法将指定的属性节点添加到元素中。
如果指定的属性已经存在，则此方法将替换它。
此方法的返回值是 Attr 对象。有关更多信息，请参见 The HTML DOM 属性对象。
另请参见 setAttribute() 方法。
提示: 使用 removeAttributeNode() 方法从元素中删除属性节点。
浏览器支持
| 方法 | |||||
|---|---|---|---|---|---|
| setAttributeNode() | Yes | Yes | Yes | Yes | Yes |
语法
element.setAttributeNode(attributenode)
参数值
| 参数 | 类型 | 描述 |
|---|---|---|
| attributenode | Attr object | 必需。要添加的属性节点 |
技术细节
| 返回值: | Attr 对象，表示替换的属性节点（如果有），否则为 null |
|---|---|
| DOM 版本 | Core Level 1 Element Object |
更多实例
实例
设置 <a> 元素的 href 属性节点:
var anchor = document.getElementById("myAnchor"); // Get the <a> element with id="myAnchor"
var att = document.createAttribute("href"); // Create a "href" attribute
att.value = "https://www.begtut.com"; // Set the value of the href attribute
anchor.setAttributeNode(att); // Add the href attribute to <a>
var att = document.createAttribute("href"); // Create a "href" attribute
att.value = "https://www.begtut.com"; // Set the value of the href attribute
anchor.setAttributeNode(att); // Add the href attribute to <a>
在设置属性节点之前:
Go to begtut.com
在设置属性节点之后:
亲自试一试 »相关页面
HTML 教程: HTML 属性
HTML DOM 参考手册: The HTML DOM 属性对象
HTML DOM 参考手册: setAttribute() 方法
HTML DOM 参考手册: document.createAttribute() 方法
HTML DOM 参考手册: attribute.value 属性
HTML DOM 参考手册: getAttributeNode() 方法
HTML DOM 参考手册: removeAttributeNode() 方法
