如何在JavaScript中设置外部div的长度和呼吸

Question

我有两个要素。另一个div内的一个div。我想设置外部div的长度和呼吸。内部div有类名吗？ 类似于html

<div>
  <div class='innerdiv'>
    hello inner div
  </div>
</div>

Answer 1

我看到您已经标记了jQuery，因此在我的示例中将使用它。我只是要通过类名称选择div，然后遍历到其父元素（外部div），然后对其应用css更改：

$('.innerDiv').parent().css({
    "width": "800px",
    "height": "300px"
});

那应该为您完成工作。您显然也可以在其中包含其他CSS属性层

编辑：忘了提一下，如果您有多个此类div，即内部div，则可以考虑给它们提供ID并定位它们

Answer 2

您首先访问父节点。然后为其分配width和height属性。对于您的示例html代码

var parentNode = document.getElementsByClassName('innerdiv')[0].parentNode;
parentNode.style.height = "100px";
parentNode.style.width = "100px";

Answer 3

尝试使用parentNode方法js。您可以使用getElementsByClassName（）[0]获取目标div（child），然后在同一目标上应用node.parentNode方法以获得所需的结果。

希望有帮助