javascript - 我如何定位父级和子级 I javascript

Question

<div id="inst4" class="block_navigation  block">
    <div class="content">
      <div> Content Start here !!!</div>
    </div>
</div>

<script>
        var blockNav = document.getElementsByClassName("block_navigation")[0].getElementsByClassName("content");
            blockNavIcon = document.createElement("img");
            blockNavIcon.setAttribute("src", blockIcon);
            blockNav.appendChild(blockNavIcon);  
        }
</script>

这里我的目标是内容类，但它不起作用，我该如何执行此任何解决方案。

Answer 1

您的脚本中几乎没有问题，您使用了 block_navigation 类两次，而且 blockNav 是一个 NodeList

您可以轻松使用.querySelector()

 var blockNav = document.querySelector(".block_navigation .content");
 blockNavIcon = document.createElement("img");
 blockNavIcon.setAttribute("src", '//placehold.it/64');
 blockNav.appendChild(blockNavIcon);

<div id="inst4" class="block_navigation  block">
  <div class="content">
    <div>Content Start here !!!</div>
  </div>
</div>