javascript - 如何将 div 元素保存到数组中？

Question

我想使用 Javascript 将我的 div 子元素文本内容保存到一个数组中。谁能帮我吗？提前致谢！

<div id="messages">
  <div>test</div>
  <div>test</div>
  <div>test</div>
  <div>test</div>
</div>

预期输出：

var messages = ["test", "test", "test", "test"];

Answer 1

不知道这里问的是什么。我假设您希望内容成为数组的一部分。以下应该可以解决问题：

var messages = Array.from(document.querySelectorAll('#messages div')).map(v => v.innerText)

<div id="messages">
<div>test</div>
<div>test</div>
<div>test</div>
<div>test</div>
</div>

注意：我更正了您的 HTML，<div>test/div>是一个错字，应该是<div>test</div>

Answer 2

var messages = Array.prototype.map.call(document.querySelector("#messages").children, (e => e.textContent))

console.log(messages);

<div id="messages">
  <div>test</div>
  <div>test</div>
  <div>test</div>
  <div>test</div>
</div>