提取非行间样式

来源：互联网发布：卧虎藏龙贾克斯淘宝编辑：程序博客网时间：2024/05/16 05:14

第一种方法：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>取非行间样式</title>
<style>
#div1{ width:200px; height:200px; background:red;}
</style>
<script>
/*window.onload=function()
{
var oDiv=document.getElementById('div1');
//alert(oDiv.style.width);
//alert(oDiv.currentStyle.width); //IE
alert(getComputedStyle(oDiv,false).width); //chrome 、FF
}*/
window.onload=function()
{
var oDiv=document.getElementById('div1');
if(oDiv.currentStyle)
{
alert(oDiv.currentStyle.width); //IE
}
else
{
alert(getComputedStyle(oDiv,false).width);

//chrome 、FF
//false 这个地方可以随意填，不影响效果，但是不能去掉
}
}
</script>
</head>

<body>
<div id="div1"></div>
</body>
</html>

第二种方法：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>取非行间样式</title>
<style>
#div1{ width:200px; height:200px; background:red;}
</style>
<script>
function getStyle(obj,name)
{
if(obj.currentStyle)
{
return obj.currentStyle[name]; //IE
}
else
{
return getComputedStyle(obj,false)[name];
}
}
window.onload=function()
{
var oDiv=document.getElementById('div1');
//alert(getStyle(oDiv,'width'));
alert(getStyle(oDiv,'backgroundColor'));
}
</script>
</head>

<body>
<div id="div1"></div>
</body>
</html>

0 0