javascript 对象属性property与元素属性attribute的浏览器支持_javascript技巧

<div id="myId" class="cls" userattribute="test1"> <script type="text/javascript"> var div = document.getElementById('myId'); div.userProperty = 'test2'; alert(div.attributes.length); // IE6/7/8 -> 4 , [id,class,userAttribute,userProperty] // IE9/FF -> 3, [id,class,userAttribute] alert(div.userAttribute); // IE6/7/8 -> 'test1' // IE9/FF -> undefined alert(div.getAttribute('userAttribute')); // IE6/7/8/9/FF -> 'test1' alert(div.getAttribute('userProperty')); // IE6/7/8 -> 'test2' // IE9/FF -> null </script> <br><input onclick="runEx('runcode54928')" type="button" value="运行代码"> <input onclick="doCopy('runcode54928')" type="button" value="复制代码"> <input onclick="doSave(runcode54928)" type="button" value="保存代码">[Ctrl+A 全选 注:<a href="http://www.jb51.net/article/23421.htm" title="查看具体详情" target="_blank">如需引入外部Js需刷新才能执行</a>]</div>