文本：wholeText 属性

Text 接口的只读wholeText 属性返回与节点逻辑上相邻的所有 Text 节点的完整文本。文本按文档顺序连接。这允许指定任何文本节点并获取所有相邻文本作为单个字符串。

注意：这类似于调用 Node.normalize() 然后读取文本值，但不会修改树。

值

包含连接文本的字符串。

示例

假设您的网页中有以下简单段落

html
<p>
  Through-hiking is great!
  <strong>No insipid election coverage!</strong> However,
  <a href="https://en.wikipedia.org/wiki/Absentee_ballot">casting a ballot</a>
  is tricky.
</p>

您决定不喜欢中间的句子，因此将其删除

js
const paragraph = document.querySelector("p"); // Reads the paragraph
paragraph.removeChild(paragraph.childNodes[1]); // Delete the strong element

现在您最终得到的是“徒步旅行很棒！但是，投票却很棘手。”，超链接之前有两个节点

  1. 包含字符串“徒步旅行很棒！”的 Text。
  2. 包含字符串“ 但是， ”的第二个Text节点。

要同时获取这两个节点，您将调用paragraph.childNodes[0].wholeText

js
console.log(`'${paragraph.childNodes[0].wholeText}'`); // 'Through-hiking is great!   However, '

规范

规范
DOM 标准
# ref-for-dom-text-wholetext①

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅

  • 它所属的 Text 接口。