javascript - 无法使用 JavaScript 调整 DIV 高度

Question

我想用 JavaScript 调整 div 元素的高度。

从这个 div，我正在读取高度

<div class="pages" id="alles">

这是我要调整大小的 div(可以是多个)

<div class="content-block" name="maxhoehe">

这是我的 JavaScript 代码:

var sh = document.getElementById("alles").offsetHeight;
         document.getElementsByName("maxhoehe").style.height = sh-180 + "px";

在 chrome 中，我收到以下错误:

Uncaught TypeError: Cannot set property 'height' of undefined

我不知道为什么？

Answer 1

Document#getElementsByName方法返回元素集合，因此您需要通过索引获取第一个元素，否则 style 属性将是 undefined(nodelist 没有任何样式属性)。

document.getElementsByName("maxhoehe")[0].style.height = (sh - 180) + "px";

---

要全部更新，遍历元素并更新属性。

var elements = document.getElementsByName("maxhoehe");

// in latest browser use Array.from(elements)
[].slice.call(elements).forEach(function(ele){
   ele.style.height = (sh - 180) + "px"
});