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>
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
