定义和用法
setAttributeNode() 方法用于添加新的属性节点。
如果元素中已经存在指定名称的属性，那么该属性将被新属性替代。如果新属性替代了已有的属性，则返回被替代的属性，否则返回 NULL。
所有主要浏览器都支持 setAttributeNode() 方法
语法
element.setAttributeNode(attributenode)参数
| 参数 | 类型 | 描述 |
|---|---|---|
| attributenode | Attr 对象 | 必须。你要添加的属性节点。 |
返回值
| 类型 | 描述 |
|---|---|
| Attr 对象 | 替换的属性节点, 如果没有则返回 null |
技术细节
| DOM 版本 | Core Level 1 Element Object |
|---|
实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程网(web176.com)</title>
<style type="text/css">
.democlass{
color:red;
}
</style>
</head>
<body>
<h1>Hello World</h1>
<p id="demo">单击按钮来设置标题上面的类属性节点。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
var atr=document.createAttribute("class");
atr.nodeValue="democlass";
var h=document.getElementsByTagName("H1")[0];
h.setAttributeNode(atr);
};
</script>
</body>
</html>作者：terry，如若转载，请注明出处：https://www.web176.com/javascriptbook/domtips/4538.html
支付宝 
微信 