javascript style.width读不到怎么办?
发布网友
发布时间：2022-04-24 22:45
共1个回答
热心网友
时间：2022-04-25 00:14
测试代码如下（直接拷贝运行即可）：
<!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=utf-8" />
<title>无标题文档</title>
</head>
<style>
.a{ width:100px; height:100px; background:#FF0;}
#b{ width:50px; height:50px; background:#F9F; margin:10px 0 10px 25px;}
</style>
<script type="text/javascript">
window.onload = function(){
var a = document.getElementById("a").offsetWidth;
var b = document.getElementById("b").offsetWidth;
alert("A 的高度为："+a+" px; B的高度为："+b+" px");
}
</script>
<body>
<div id="a" class="a"><br /> A </div>
<div id="b"><br /> B </div>
</body>
</html>
追问宽度我也知道这么取，我问的是所有CSS属性在用STYLE对象无法取出时该怎么办。例如内距、外距、透明度、背景URL等追答
无标题文档
.a {width:100px;height:100px;background:#FF0;}
#b {width:50px;height:50px;background:#F9F;margin:10px 0 10px 25px;
}
function getStyle(obj,attr)
{
if(obj.currentStyle)
return obj.currentStyle[attr];
else
return document.defaultView.getComputedStyle(obj,null)[attr];
}
window.onload = function(){
var a = document.getElementById("a");
var b = document.getElementById("b");
alert("A 的高度为："+getStyle(a,'width')+"; B的高度为："+getStyle(b,'width'));
}
A
B
调用getStyle方法，第一个参数是你的表单元素对象，第二个参数是你要获取的值的属性名字
