如何获取HTML文档特定部分的innerText？

Question

#div2{
  text-transform:uppercase
}
#invisible{
  display:none
}

<div id='container'>
    <div id='div1'>
        <span>some text</span>
        <div>
            <span>some text</span>
            <div id='div2'>text2</div>
        </div>
    </div>
    <div id='invisible'>invisible text</div>
    <div id='div3'>text3</div>
</div>

假设我想从div2到div3（包括两端）获取文档的一部分的innerText，所以我应该获得以下文本值：

TEXT2
text3

我如何获得该价值？

我可以通过Range对象选择HTML文档的某些部分，但是Range对象没有innerText属性。 （我说的是innerText，而不是textContent，因为我希望提取的文本看起来与浏览器中呈现的版本相同，即尊重CSS属性，例如display，visibility，white-space，text-transform等。）

Answer 1

var div1 = $("#div1");
var div1Content = (div1.length === 0) ? "div1 was not found or some relevant error message" : div1.text();

// or if you are confident your div1 will exist:
var div1Content = $("#div1").text();

或者，JavaScript：

var div1Content = document.getElementById("div1")?.innerText ?? "div1 was not found or some relevant error message";

Answer 2

Answer 3

text在该示例中将为“ text1”。

Answer 4

HTMLElement.innerText

HTMLElement.innerText

const innerText = document.querySelector('#div2').innerText;

console.log(innerText)