遍历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其他版本没有没有测试。