遍历HtmlElement的自定义属性

目前需要做一个需求,那就是需要用户提供一些自定义属性,可以定义的属性比较多,我们就需要把这些自定义属性都要拿到,然后返回给后台。这样做比较符合html5的规范。翻看了一些资料http://www.w3school.com.cn/xmldom/dom_element.asp,找到具体的操作方法。
代码如下:
<div id="id1" att="1" att2="2"></div>
<div id="id2"></div>
  <script>
  window.onload=function(){
	var obj = document.getElementById("id1");
	var a1 = "";
	for (var i in obj.attributes)
	{
		var ss = obj.attributes[i];
		if(ss && ss["nodeName"] && ss["nodeValue"]){
			a1+="<br/>::"+ss["nodeName"]+"-"+ss["nodeValue"]+",";
		}
		

	}
	document.getElementById("id2").innerHTML=(a1);
  }
  </script>


在ie6下获取的结果如下:
::id-id1,
::contentEditable-inherit,
::att2-2,
::att-1,


在Chrome 10.0.648.204下获取的结果如下:
::id-id1,
::att-1,
::att2-2,


在firefox3.6.16得到的结果如下:
::att2-2,
::att-1,
::id-id1,


可以看到自定义属性都拿到了,对于共用属性id,那就需要去除掉,对于ie还需要去掉contentEditable这个属性,不明白IE为啥把这个给单列出来了。
ie其他版本没有没有测试。

你可能感兴趣的:(html,html5,IE,chrome,asp)