不定期补充~
1、获取元素非行间样式
- currentStyle :只兼容IE浏览器
- getComputedStyle :获取计算后的样式,不兼容IE6.IE7.IE8
如何获取非行间样式,同时兼容所有浏览器呢?
window.onload=function(){ var oDiv1=document.getElementBy("div1"); if(oDiv.currentStyle){ //如果浏览器支持currentStyle oDiv.currentStyle.width; }else{ //如果浏览器不支持currentStyle oDiv.getComputedStyle(oDiv,false).width; //getComputerStyle第二个参数可以是任意值 } }
2、 获取元素子节点:
<ul id="ul1"> <li>1</li> <li>2</li> <li>2</li> <li>2</li> <li>2</li> </ul>
window.onload=function(){ var oUl=document.getElementById('ul1'); if(oUl.firstElementChild){ //高级浏览器 oUl.firstElementChild.style.background='red'; } else{ //IE6-8 oUl.firstChild.style.background='red'; } }