Question

如何使用此段落上的nextSibling提取段落文本？我试过很多变种，例如nextSibling.nodeValue或nextSibling.textContent，但都不起作用。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
      window.onload = function() {
        var a = document.getElementById("p1");
        var b = a.nextSibling.nodeValue;
        console.log(b);
      }
    </script>
  </head>
  <body>
    <p id="p1">
      Some text
    </p>
  </body>
</html>

Answer 1

我想你忘了在你的HTML代码中添加一个sibbling。如果你想让nextSibbling返回一些内容，请在p1之后添加另一个段落。如果您只想要p1的文本，则不需要使用nextSibbling。 a.textContent应该足够了。

Answer 2

JavaScript中的文本节点是其DOM标记的子节点。因此，使用子选择器而不是兄弟选择器：a.firstChild将执行您想要的操作。

使用nextSibling提取段落的文本

2 个答案: