| javascript获取元素样式 | 您所在的位置：网站首页 › 获取body元素 › javascript获取元素样式 |
javascript获取元素样式
|
获取行间样式style
获取行间样式
window.onload=function(){
oDiv=document.getElementById("div1");
alert(oDiv.style.width);
}
获取元素的当前样式currentStyle(ie)和getComputedStyle(非ie) 兼容方法
获取样式兼容写法
function getStyle(obj,name){
if(obj.currentStyle){
return obj.currentStyle[name];
}else{
return getComputedStyle(obj)[name];
}
}
window.onload=function(){
oDiv=document.getElementById("div1");
// alert(getStyle(oDiv,"width"));
alert(getStyle(oDiv,"background"));
// alert(getStyle(oDiv,"backgroundColor"))
}
运行结果： |
从上面代码的运行结果咱们能够看出来background返回的并非#f00而是一个复合样式，因此碰见像background等复合样式的时候要特殊处理，在这里能够用backgroundColor。html【本文地址】
公司简介
联系我们