使div高度为另外两个div

Question

我有一个div，div1根据文字的高度，div2是相同的。现在我需要div3：div1 + div2

我有这段代码，但它不起作用。

var lengthnews1 = ((document.getElementById("div1").offsetHeight)+"px");
var lengthnews2 = ((document.getElementById("div2").offsetHeight)+"px");
var x = document.getElementById("div3");
x.height = (lengthnews1 + lengthnews2); 

Answer 1

你试图添加两个字符串，而不是数字。获取两个高度，添加它们然后添加“px”：

var lengthnews1 = ((document.getElementById("div1").offsetHeight));
var lengthnews2 = ((document.getElementById("div2").offsetHeight));

var x = document.getElementById("div3");
x.height = (lengthnews1 + lengthnews2) + "px"; 

您可以在this fiddle

验证工作代码

Answer 2

您需要从lengthnews1和lengthnews2变量中删除“px”，这样您就可以将这两个值一起添加到var x中，一旦添加，您就可以添加“px”。

Answer 3

您需要使用x.style.height设置高度 你只需要用“px”连接一次，即（lengthnews1 + lengthnews2）+“px”