首页 > 代码库 > DOM操作-遍历一个元素的所有属性
DOM操作-遍历一个元素的所有属性
代码：
———————————————————————————————————
<script>
//获取DOM的所有属性
function getDomValues(){
var myLink = document.getElementById("myLink");
var str = ‘‘; //结果拼接
for(var prop in myLink){
//拼接到 str、key和value，用冒号隔开
str +=prop + " : " +myLink[prop] + "<br />";
}
//打印到网页里
document.getElementById("valuesP").innerHTML = str;
}
</script>
————————————————————————————————————
<body style="text-align:center;">
<p>
<!--定义链接和按钮-->
<a href="http://www.mamicode.com/#" id="myLink">链接</a>
<br />
<input type="button" value="http://www.mamicode.com/获取链接DOM的属性" onclick="getDomValues();" />
</p>
<!--用于放置结果的p标签-->
<p id="valuesP" style="text-align:left;"></p>
</body>
————————————————————————————————————
DOM操作-遍历一个元素的所有属性