編輯問題，以包括預(yù)期行為、特定問題或錯誤以及重現(xiàn)問題所需的最短代碼。這將有助于其他人回答問題。

在修改完結(jié)束標(biāo)簽后，您可能已經(jīng)完成了第一步，但是需要使用第二種方法

let text = document.querySelector(".text").textContent;
console.log(text); // does not do what you want

text = [...document.querySelectorAll(".text .word")]
  .map(elem => elem.textContent.trim()) // trim each element's text
  .join(" "); // join with a space
console.log(text); // works better

<div class="text">
   <span class="word">
      Hello
   </span>
   <span class="word">
      world!
   </span>
</div>

可能是更簡單的方法

var words = $('.text .word').map(function() {
    return $(this).text().trim();
}).get();

var output = words.join(' ');
console.log(output);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="text">
  <span class="word">
      Hello
   </span>
  <span class="word">
      world!
   </span>
</div>

不清楚您是想要從網(wǎng)頁上的所有范圍中復(fù)制文本，還是您的HTML代碼只是一個更大的網(wǎng)頁的一部分，并且您只想從帶有word class的范圍中復(fù)制文本。

如果您只想復(fù)制word class范圍內(nèi)的文本，可以使用以下代碼:

查找單詞類的所有范圍， 遍歷找到的范圍并連接其中的文本。

let list_of_spans = document.getElementsByClassName("word") // get all DOM span objects with class "word"
let copied_text = '' // initialize an empty string
for (const current_span of list_of_spans) {
    copied_text += current_span.innerText // add text from a given span object to copied_text string
}
console.log(copied_text)

<div class="text">
   <span class="word">
      Hello
   </span>
   <span class="word">
      world!
   </span>
   <span class="something-else">
      I like stack.
   </span>
</div>