标签：html box 操作 att 样式 order width 介绍 ade
HTML代码如下（其中的displayName为自定义属性）：
<input type="text" id="txtBox" displayName="123456" />
获取自定义属性值:
document.getElementById("txtBox").getAttribute("displayName");
document.getElementById("txtInput").attributes["displayName"].nodeValue
设置自定义属性值:
document.all.txtBox.setAttribute("displayName ","123456");
document.getElementById("txtInput").attributes["displayName"].nodeValue = "123456"
关于data-属性选择器
在实际开发时，您可能会发现它很有用，你可以根据自定义的 data- 属性选择相关的元素。例如使用querySelectorAll选择元素：
同样的我们也可以通过 data- 属性值对相应的元素设置CSS样式，例如下面这个例子：
.user[data-name=‘feiwen‘] {
color : brown
}
.user[data-name=‘css‘] {
color : red
}
</style>
<div class = "user" data-id = "123" data-name = "feiwen" > 1 </div>
<div class = "user" data-id = "124" data-name = "css" > 码头 </div>
标签：html box 操作 att 样式 order width 介绍 ade
原文地址：http://www.cnblogs.com/wu-hou/p/7290998.html
