javascript - 提取网页的一部分？

Question

我的想法如下:

• 加载网页

• 查找两个具有特定类名的div

• 提取中间所有内容的内容，最后一个 div 除外

我要求它提取之间的任何内容的原因是我需要的最重要的div没有分配类名。

编辑:以下是页面外观的一些通用代码:

<div class="text1">
    <p><b>Text 1.1</b><br>
    <b>Text 1.2</b></p>
</div>
<div>
    <p>Text without class which I also need.</p>
</div>
<div class="enddiv">
    [content of enddiv]
</div>

我需要 div text1 和 enddiv 之间的所有内容，但不需要 enddiv 的内容。

Answer 1

欢迎 DeBedenHasen，如果我能很好地理解您，您可以执行以下操作:

// Select all elements from .text1 and so on
const elements = document.querySelectorAll('.text1, .text1 ~ *')

let string = '' // content will go here

// Store all content before reach .enddiv
for (const e of elements)
  if (e.getAttribute('class')  == 'enddiv') break
  else string += e.textContent

// Print the content
document.body.innerHTML = string

在这里您可以检查您的示例:https://jsfiddle.net/s4mv5c1b/

希望这有帮助:)