对象属性property与元素属性attribute的浏览器支持

代码
1 <div id="myId" class="cls" userAttribute="test1">
2
3  <script type="text/javascript">
4
5 var div = document.getElementById('myId');
6 div.userProperty = 'test2';
7
8 alert(div.attributes.length); // IE6/7/8 -> 4 , [id,class,userAttribute,userProperty]
9 // IE9/FF -> 3, [id,class,userAttribute]
10
11 alert(div.userAttribute); // IE6/7/8 -> 'test1'
12 // IE9/FF -> undefined
13
14 alert(div.getAttribute('userAttribute')); // IE6/7/8/9/FF -> 'test1'
15
16 alert(div.getAttribute('userProperty')); // IE6/7/8 -> 'test2'
17 // IE9/FF -> null
18 </script>

 

posted @ 2010-10-29 16:50  jxin  阅读(259)  评论(5编辑  收藏  举报