DOM自定义属性 getAttribute、setAttribute、removeAttribute

1、函数语法

elementNode.attributes：属性返回包含被选节点属性的 NamedNodeMap。

elementNode.getAttribute(name)：方法通过名称获取属性的值。

elementNode.setAttribute(name, value)：方法创建或改变某个新属性。

elementNode.removeAttribute(name)：方法通过名称删除属性的值。

2、实例

HTML代码：

<input type="text" id="txtMsg" myAttr="abc" />

2.1 通过attributes属性或getAttribute(name)方法获取自定义属性值

var myAttr = document.getElementById("txtMsg").attributes["myAttr"].value;   //通过attributes属性
var myAttr = document.getElementById("txtMsg").getAttribute("myAttr");       //使用getAttribute方法

2.2 使用setAttribute(name, value)方法设置属性值

document.getElementById("txtMsg").setAttribute("myAttr", "newValue");

2.3 使用removeAttribute(name)方法删除属性

document.getElementById("txtMsg").removeAttribute("myAttr");