在修复结束标记之后，您可能已经完成了第一种方法，但是需要使用第二种方法

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>

jQuery如果你想要的话

let text = $(".word").text().trim(); // does not work
console.log(text); 

text = $(".word")
  .map(function() { return $(this).text().trim() })
  .get()
  .join(" "); // works better but is not more elegant than the plain JS one
console.log(text);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<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>

目前还不清楚，你是想从网页上的所有span中复制文本，还是你的HTML代码只是一个更大的网页的一部分，你只想用word类从span中复制文本。
如果你想只复制带有word类的span中的文本，你可以使用以下代码：

• 查找具有word类的所有span，
• 循环遍历找到的span并连接其中的文本。

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>