想从网页获取特定值

Question

<div class = "foo">
   <span class = "foo2" > HeaderText</span>
   <br>
   "
        TEXT I WANT"

我一直试图在JS中获取它。

var NEEDED= document.getElementsByClassName('foo')[0].textContent 

还尝试了foo2和innerText，innerHTML

我只是不知道如何拨打不直接与ID或类绑定的内容

Answer 1

如果HTML可能会发生变化，那么您要做的事情将非常困难。即使未被HTML元素包围的节点仍然是其父节点的childNodes，因此您可以通过查看以下内容来获取：

var needed = document.getElementsByClassName('foo')[0].childNodes[4].nodeValue;

您可能需要编写一个过滤所有childNodes的函数，并找到一个nodeType 3（文本节点）的函数，然后忽略所有只是空白空格的函数。

var needed = document.getElementsByClassName('foo')[0].childNodes[4].nodeValue;
document.write("The text is: " + needed);

<div class = "foo">
   <span class = "foo2" > HeaderText</span>
   <br>
   TEXT I WANT
</div>