Question

我是javascript编程的新手，所以请随时纠正我。在下面的代码中为什么我必须编写nextSibling两次而不是只编写一次，因为我检查了定义并且它说：返回元素的下一个子节点，其级别与当前子节点。

然后再次引用h1我必须写firstChild＆amp;再次nextSibling （为什么nextSibling出现在这一行）我在这里很困惑，请解释或者如果可能的话给我一个很好的链接到一个网站，解释我下面的困惑。谢谢

 <!DOCTYPE html>
<html lang="en">
<head>
    <title>Chapter 8, Example 4</title>
</head>
    <body>
      <h1 id="heading1">SOME HEADING</h1>
      <p id="para1">Welcome to my Humble website.</p>

      <script>
      var html_element = document.documentElement;
      alert(html_element.tagName); //HTML

      var head_element = html_element.firstChild;
      alert(head_element.tagName); //HEAD

      var body_element = head_element.nextSibling.nextSibling;
      alert(body_element.tagName); // BODY

      var h1_element = body_element.firstChild.nextSibling;
      alert(h1_element.tagName); //H1

      var p_element = h1_element.nextSibling.nextSibling;
      alert(p_element.tagName); //P


      </script>


    </body>
</html>

使用DOM的java脚本导航

0 个答案: