87,990
社区成员
发帖
与我相关
我的任务
分享用js控制两个div的高度一致，div1.style.height=div2.offsetHeight怎么没用呢？
IE有效的，，非IE系列全部失效，但是用console.log(div2.offsetHeight) 有数据的
...全文
请发表友善的回复…
发表回复
feiniao0822 2012-10-14
- 打赏
- 举报
我表格的大小是随浏览器窗口的大小而改变的。我的问题就在于我不知道浏览器窗口的大小。
licip 2012-02-17
- 打赏
- 举报
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script>
function addHeight(){
var div1 = document.getElementById("div1");
var div2 = document.getElementById("div2");
div2.style.height = div2.style.height.slice(0,-2)-'0' + 50 + "px";
}
</script>
</head>
<body>
<button onclick="addHeight()">变高</button>
<div style="position:absolute;left:0px;width:200px;height:200px;background:red" id="div1"></div>
<div style="position:absolute;left:300px;width:200px;height:200px;background:red" id="div2"></div>
</body>
</html>
你这样写吧。都可以用，在ie中，可以不带单位，在firefox中带单位的。
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script>
function addHeight(){
var div1 = document.getElementById("div1");
var div2 = document.getElementById("div2");
div2.style.height = div2.style.height.slice(0,-2)-'0' + 50 + "px";
}
</script>
</head>
<body>
<button onclick="addHeight()">变高</button>
<div style="position:absolute;left:0px;width:200px;height:200px;background:red" id="div1"></div>
<div style="position:absolute;left:300px;width:200px;height:200px;background:red" id="div2"></div>
</body>
</html>
你这样写吧。都可以用，在ie中，可以不带单位，在firefox中带单位的。
三石-gary 2012-02-17
- 打赏
- 举报
http://www.itdos.com/javascript/86.html
