🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[https://www.runoob.com/jsref/dom-obj-attributes.html](https://www.runoob.com/jsref/dom-obj-attributes.html) **创建属性节点** ``` document.createAttribute() //创建一个属性节点 ``` 获取属性节点 ``` element.attributes; //返回一个元素的属性数组 //返回指定属性节 document.getElementById("xxoo").attributes[0];//element.attributes[0] element.getAttributeNode();//返回指定属性节 document.getElementsByTagName("a")[0].getAttributeNode("target"); element.getAttribute element.title;//设置或返回元素的title属性 element.className;//设置或返回元素的class属性 ``` **重命名属性** ``` document.renameNode()//重命名元素或者属性节点。 ``` **修改属性** ``` element.setAttribute("eg:type","eg:button");//设置或者改变指定属性并指定值。 element.setAttributeNode("eg:class、name、id、value");//设置或者改变指定属性节点。 ``` **所有主流浏览器都支持 Attr 对象和 NamedNodeMap 对象。** | 属性 / 方法 | 描述 | | :-- | :-- | | [*attr*.isId](https://www.runoob.com/jsref/prop-attr-isid.html) | 如果属性是 ID 类型,则 isId 属性返回 true,否则返回 false。 | | [*attr*.name](https://www.runoob.com/jsref/prop-attr-name.html) | 返回属性名称 | | [*attr*.value](https://www.runoob.com/jsref/prop-attr-value.html) | 设置或者返回属性值 | | [*attr*.specified](https://www.runoob.com/jsref/prop-attr-specified.html) | 如果属性被指定返回 true ,否则返回 false | | [*nodemap*.getNamedItem()](https://www.runoob.com/jsref/met-namednodemap-getnameditem.html) | 从节点列表中返回的指定属性节点。 | | [*nodemap*.item()](https://www.runoob.com/jsref/met-namednodemap-item.html) | 返回节点列表中处于指定索引号的节点。 | | [*nodemap*.length](https://www.runoob.com/jsref/prop-namednodemap-length.html) | 返回节点列表的节点数目。 | | [*nodemap*.removeNamedItem()](https://www.runoob.com/jsref/met-namednodemap-removenameditem.html) | 删除指定属性节点 | | [*nodemap*.setNamedItem()](https://www.runoob.com/jsref/met-namednodemap-setnameditem.html) | 设置指定属性节点(通过名称) |