javascript - 子ノードに CSS スタイルを適用する

Question

例として役立つ小さなフラグメントを次に示します。

<div id="parentDiv">
    <div>child1</div>
    <div>child2</div>
</div>

CSS を使用すると、次のことができます。

  div#parentDiv { position: absolute; }
  div#parentDiv>div { position: relative; }

javascriptで同じスタイリングを行うには?

Answer 1

これを試して

    var parentDiv1 = document.getElementById('parentDiv');
    var childDiv = parentDiv1.getElementsByTagName('div');
    parentDiv.style.position = "absolute";
    for (var i = 0; i < childDiv.length; i++) {
        childDiv[i].style.position = "relative";
    }

Answer 2

以下を使用できます。

document.getElementById('parentDiv').childNodes[0].style.position = "relative";
document.getElementById('parentDiv').style.position = "absolute";