HTML DOM setAttributeNode() 方法

元素对象参考手册 元素对象

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.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>

尝试一下 »

定义和用法

setAttributeNode() 方法用于添加新的属性节点。

如果元素中已经存在指定名称的属性，那么该属性将被新属性替代。如果新属性替代了已有的属性，则返回被替代的属性，否则返回 NULL。

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 setAttributeNode() 方法

语法

element.setAttributeNode(attributenode)

参数

参数 类型 描述
attributenode Attr 对象 必须。你要添加的属性节点。

返回值

类型 描述
Attr 对象 替换的属性节点, 如果没有则返回 null

技术细节

DOM 版本 Core Level 1 Element Object

元素对象参考手册 元素对象