为什么ＦＦ不支持currentStyle?该怎么处理
日期：2014-05-17 浏览次数：20612 次
为什么ＦＦ不支持currentStyle?
代码如下：
ＣＳＳ：
/*定义页面左列样式*/
#left {
POSITION: absolute;
LEFT: 0px;
WIDTH: 200px;
MARGIN: 0px;
PADDING: 0px;
BACKGROUND: #CDCDCD;
border: 1px solid red;
height:100%;
} /*定义页面中列样式*/
#middle {
POSITION: absolute;
LEFT: 200px;
TOP: 0px;
WIDTH: 300px;
MARGIN: 0px;
PADDING: 0px;
BACKGROUND: #DADADA;
border: 1px solid yellow;
} /*定义页面右列样式*/
#right {
POSITION: absolute;
LEFT: 500px;
TOP: 0px;
WIDTH: 280px;
MARGIN: 0px;
PADDING: 0px;
BACKGROUND: #FFF;
border: 1px solid blue;
}
、
ＨＴＭＬ代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml " lang= "GBK ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=GBK " />
<title> Insert title here </title>
<link rel= "stylesheet " href= "css/layout.css " type= "text/css "> </link>
</head>
<body>
<div id= "left ">
页面左列
</div>
<div id= "middle ">
页面中列
</div>
<div id= "right ">
页面右列
</div>
<script type= "text/javascript ">
alert(document.getElementById( "left ").currentStyle.height);
</script>
</body>
</html>
为什么上面的代码，在ＩＥ里输出来是100%, 而ＦＦ一点动静都没有，什么者没输出？
这是什么原因啊？
------解决方案--------------------
currentStyle is just for IE5.0+
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> 测试取色 </title>
<script type= "text/javascript ">
(function (bool) {
//兼容FF一些方法
if (bool) {
HTMLElement.prototype.__defineGetter__( "currentStyle ", function () {
return this.ownerDocument.defaultView.getComputedStyle(this, null);
});
}
})(/Firefox/.test(window.navigator.userAgent));
</script>
<style type= "text/css ">
.bg {
background-color:#000000;
}
</style>
</head>
<body>
<div class= "bg " id= "wc "> </div>
<input type= "button " value= "list currentStyle " onclick= "alert(document.getElementById( 'wc ').currentStyle.backgroundColor + '\n ') " />
</body>
</html>
代码如下：
ＣＳＳ：
/*定义页面左列样式*/
#left {
POSITION: absolute;
LEFT: 0px;
WIDTH: 200px;
MARGIN: 0px;
PADDING: 0px;
BACKGROUND: #CDCDCD;
border: 1px solid red;
height:100%;
} /*定义页面中列样式*/
#middle {
POSITION: absolute;
LEFT: 200px;
TOP: 0px;
WIDTH: 300px;
MARGIN: 0px;
PADDING: 0px;
BACKGROUND: #DADADA;
border: 1px solid yellow;
} /*定义页面右列样式*/
#right {
POSITION: absolute;
LEFT: 500px;
TOP: 0px;
WIDTH: 280px;
MARGIN: 0px;
PADDING: 0px;
BACKGROUND: #FFF;
border: 1px solid blue;
}
、
ＨＴＭＬ代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml " lang= "GBK ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=GBK " />
<title> Insert title here </title>
<link rel= "stylesheet " href= "css/layout.css " type= "text/css "> </link>
</head>
<body>
<div id= "left ">
页面左列
</div>
<div id= "middle ">
页面中列
</div>
<div id= "right ">
页面右列
</div>
<script type= "text/javascript ">
alert(document.getElementById( "left ").currentStyle.height);
</script>
</body>
</html>
为什么上面的代码，在ＩＥ里输出来是100%, 而ＦＦ一点动静都没有，什么者没输出？
这是什么原因啊？
------解决方案--------------------
currentStyle is just for IE5.0+
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> 测试取色 </title>
<script type= "text/javascript ">
(function (bool) {
//兼容FF一些方法
if (bool) {
HTMLElement.prototype.__defineGetter__( "currentStyle ", function () {
return this.ownerDocument.defaultView.getComputedStyle(this, null);
});
}
})(/Firefox/.test(window.navigator.userAgent));
</script>
<style type= "text/css ">
.bg {
background-color:#000000;
}
</style>
</head>
<body>
<div class= "bg " id= "wc "> </div>
<input type= "button " value= "list currentStyle " onclick= "alert(document.getElementById( 'wc ').currentStyle.backgroundColor + '\n ') " />
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
