如何从javascript中带有空格的元素中获取文本答案

【问题标题】：How to get text from an element with space in javascript如何从javascript中带有空格的元素中获取文本
【发布时间】：2022-01-02 21:01:27
【问题描述】：

HTML 代码差不多是这样的

<div class="place" style="top: 4px;">
    <span class>text</span> 
    <span class>text</span>
    <span class>text</span>
</div>

以这段代码为例

let text = document.querySelector("div.place").textContent; //grab all text

我得到的所有文本都是这样的：thisisanexampletext
有没有办法在每个单词后获取带有空格的文本？
像这样：这是一个示例文本

【问题讨论】：

显示 HTML，textContent 会起作用...
你能给我们使用code snippet的完整例子吗？属性textContent 原样返回文本内容 - 带有空格。
@decpk 如果文本被分成不同的孩子并且有一些 css 正在发生，则不会。
你能检查document.querySelector("div.place").innerText是否可以吗？
它仍然给出相同的输出，没有空格

标签： javascript element

【解决方案1】：

首先你必须收集所有的 span 元素。然后，您可以遍历此集合，并可以使用 innerHTML / innerText 从每个元素中读取文本。你将它推入一个数组，最后你可以使用数组函数 join() 从中取出所需的字符串。

let t = document.querySelectorAll("div.place span");

const text = [];
for(let i = 0; i < t.length; i++) {   
   text.push(t[i].innerHTML);
}

console.log(text.join(' '));

<div class="place" style="top: 4px;">
    <span class>text</span> 
    <span class>text</span>
    <span class>text</span>
</div>

【讨论】：