首页 > 代码库 > JS-DOM:获取计算后的样式(同时兼容IE跟其他浏览器)
JS-DOM:获取计算后的样式(同时兼容IE跟其他浏览器)
HTML部分
<div id="div1" style="">打发第三方</div>
CSS部分
<style type="text/css">
#div1{
height: 100px;
width: 100px;
font-size: 12px;
background-color: #ccc;
}
</style>
JS部分
方法一:
<script>
window.onload=function(){
var oDiv=document.getElementById("div1");
oDiv.onclick=function(){
if(window.getComputedStyle){
alert(getComputedStyle(oDiv, null).fontSize);
}
else{
alert(oDiv.currentStyle.fontSize);
}
}
}
</script>
方法二:
<script>
function getStyle(obj,sStyle){
if(window.getConputedStyle){
return getComputedStyle(obj,null)[sStyle];
}
else{
return obj.currentStyle[sStyle];
}
}
window.onload=function(){
var oDiv=document.getElementById("div1");
oDiv.onclick=function(){
alert(getStyle(oDiv,"fontSize"));
}
}
</script>