详解JS中的attribute属性
attribute是属性的意思，文章仅对部分兼容ie和ff的attribute相关的介绍。
attributes：获取一个属性作为对象getattribute：获取某一个属性的值
object.getattributes(attribute) getattribute方法不属于document对象，所以不能通过document对象获取，只能通过元素节点的调用。例如document.getelementsbytagname("p")[0].
getattributes("title")
setattribute：建立一个属性，并同时给属性捆绑一个值
允许对属性节点做出修改，例如
var shoop=document.getelementsbyid("psdf');
shoop.setattribute("tittle","a lot of goods")
createattribute：仅建立一个属性
removeattribute：删除一个属性
getattributenode：获取一个节点作为对象
setattributenode：建立一个节点
removeattributenode：删除一个节点
attributes可以获取一个对象中的一个属性，并且作为对象来调用，注意在这里要使用“[]”，ie在这里可以使用“()”，考虑到兼容性的问题，要使用“[]”。关于attributes属性的使用方式上，ie和ff有巨大的分歧，在此不多介绍。attributes的使用方法：（ie和ff通用）
<body>
<div id = "t">
<input type = "hidden" id = "sss" value = "aaa">
</div>
</body>
<script>
var d = document.getelementbyid("sss").attributes["value"];
document.write(d.name);document.write(d.value);//显示value aaa
</script>
getattribute，setattribute，createattribute，removeattribute四兄弟的概念比较容易理解，使用方法也比较简单，唯一需要注意这几点：
1、createattribute在使用的时候不需要基于对象的，document.createattribute()就可以。
2、setattribute，createattribute在使用的时候如果是使用的时候不要使用name，type，value等单词，ie都ff的反应都奇怪的难以理解。
3、createattribute在使用的时候如果只定义了名字，没有d.nodevalue = "hello";语句定义值，ff会认为是一个空字符串，ie认为是undefined，注意到这点就可以了。
4\getattribute的使用方法：
<body>
<div id = "t"><input type = "hidden" id = "sss" value = "aaa"></div>
</body>
<script>
var d = document.getelementbyid("sss").getattribute("value");
document.write(d);
//显示 aaa
</script>
setattribute的使用方法：（你会发现多了一个名为good的属性hello）
<body>
<div id = "t"><input type = "hidden" id = "sss" value = "aaa"></div>
</body>
<script>
var d = document.getelementbyid("sss").setattribute("good","hello");
alert(document.getelementbyid("t").innerhtml)
</script>
createattribute的使用方法：（多了一个名为good的空属性）
<body>
<div id = "t"><input type = "hidden" id = "sss" value = "aaa"></div>
</body>
<script>
var d = document.createattribute("good");
document.getelementbyid("sss").setattributenode(d);
alert(document.getelementbyid("t").innerhtml)
</script>
removeattribute的使用方法：（少了一个）
<body>
<div id = "t"><input type = "hidden" id = "sss" value = "aaa"></div>
</body>
<script>
var d = document.getelementbyid("sss").removeattribute("value");
alert(document.getelementbyid("t").innerhtml)
</script>
getattributenode，setattributenode，removeattributenode三个方法的特点是都直接操作一个node（节点），removeattributenode在一开始的时候总会用错，但是充分理解了node的含义的时候，就能够应用自如了。
getattributenode的使用方法：
<body>
<div id = "t"><input type = "hidden" id = "sss" value = "aaa"></div>
</body>
<script>
var d = document.createattribute("good");
document.getelementbyid("sss").setattributenode(d);
alert(document.getelementbyid("t").innerhtml);
</script>
removeattributenode的使用方法：
<body>
<div id = "t"><input type = "hidden" id = "sss" value = "aaa"></div>
</body>
<script>
var d = document.getelementbyid("sss").getattributenode("value")
document.getelementbyid("sss").removeattributenode(d);
alert(document.getelementbyid("t").innerhtml);
</script>
以上所述是小编给大家介绍的js中的attribute属性，希望对大家有所帮助
上一篇： 爆笑学生逗老师
下一篇： json的结构与遍历方法实例分析