<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>javascript测试程序</title>
<link rel="stylesheet" type="text/css" href="javascript_test.css"/>
<script type="text/javascript">
window.onload = function(){
var obj = document.styleSheets[0]; // [object StyleSheetList] 样式表的个数<link>
var rule = null; // [object CSSRule]
if (obj.cssRules){
rule = obj.cssRules[0]; // 非IE [object CSSRuleList]
} else {
rule = obj.rules[0]; // IE [object CSSRuleList]
} alert(rule.style.width); // 谷歌浏览器不能输出
};
</script>
</head>
<body>
<div id="test">测试DIV</div>
</body>
</html>以上程序段怎么在谷歌浏览器中不能输出宽度?浏览器stylesheetjavascript
<html>
<head>
<title>javascript测试程序</title>
<link rel="stylesheet" type="text/css" href="javascript_test.css"/>
<script type="text/javascript">
window.onload = function(){
var obj = document.styleSheets[0]; // [object StyleSheetList] 样式表的个数<link>
var rule = null; // [object CSSRule]
if (obj.cssRules){
rule = obj.cssRules[0]; // 非IE [object CSSRuleList]
} else {
rule = obj.rules[0]; // IE [object CSSRuleList]
} alert(rule.style.width); // 谷歌浏览器不能输出
};
</script>
</head>
<body>
<div id="test">测试DIV</div>
</body>
</html>以上程序段怎么在谷歌浏览器中不能输出宽度?浏览器stylesheetjavascript
document.defaultView.getComputedStyle(element).width
ie
element.currentStyle.width
类似这样试试
#test{
height: 200px;
width: 300px;
background-color: green;
}
但是在Firefox中都可以显示?唯独谷歌浏览器不行