Question

所以我正在学习如何使用JS操作DOM，我遇到了主题中提到的术语。我通常用例子来理解，所以我写了一些代码来看看它们之间的区别，但它们仍然提供相同的东西。我想知道我的节点是否存在会影响我的代码。

＆＃13;

//var parent = document.getElementById('parent');
//var parent = document.querySelector('ul#parent');
//var child_nodes = parent.childNodes;
//parent.appendChild(document.createElement('li'));

＆＃13;

<!DOCTYPE html>
<html>
  <head>
    <title>Live vs Non-live</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>
  <body>
    <div id="page">
      <h1 id="header">List King</h1>
      <h2>Buy groceries</h2>
      <ul id ="parent">
        <li id="one" class="hot"><em>fresh</em> figs</li>
        <li id="two" class="hot">pine nuts</li>
        <li id="three" class="hot">honey</li>
        <li id="four">balsamic vinegar</li>
      </ul>
    </div>
    <script src="js/livenonlive.js"></script>
  </body>
</html>

＆＃13;

无论我是使用getElementById还是通过querySelector选择父ID，它们仍会更新文档并附加子li。

实时节点列表与非实时节点列表集合

0 个答案: