提取网页的一部分?

时间:2019-03-07 23:11:13

标签: javascript html

我想到的是以下内容:

  • 加载网页

  • 找到两个具有特定类名的 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>

我需要divs text1 enddiv 之间的所有内容,但不需要 enddiv 的内容。 / p>

2 个答案:

答案 0 :(得分:0)

var selectedDivs = document.querySelectorAll('。className');

答案 1 :(得分:0)

欢迎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/

希望获得帮助:)

相关问题