正在获取span元素的内容

Question

我有一个名为array的初始空数组。在我的页面中，我有几个span元素；收件箱"；。我需要得到这个span元素的集合，然后将它们的内容收集到另一个数组中。但是这行代码array[i]=values1[i].innerHTML显示错误无法读取HTMLButtonElement.btn.onclick中未定义的属性(读取'innerHTML'(。我无法获取它。

btn.onclick = function() {
var values = document.getElementsByClassName("inbox")
var values1 = Array.prototype.slice.call(values);

for (i = 0; i<arrOfWords.length; i++) {
array[i] = values1[i].innerHTML
}
console.log(array)
}

Answer 1

也许这就是您想要的？

document.querySelector("button").onclick = function() {
const array=[...document.getElementsByClassName("inbox")].map(el=>el.textContent);

// or, if you prefer pre-ES6 notation:
const arr=[].map.call(document.getElementsByClassName("inbox"),el=>el.textContent);

console.log(array);
console.log(arr)
}

<span class="inbox">one</span> extra text
<span class="inbox">two</span>
<span class="inbox">three</span>
<span class="inbox">four</span> not to
<span class="inbox">five</span>
<span class="inbox">six</span>
<span class="inbox">seven</span> be collected
<span class="inbox">eight</span>
<span class="inbox">nine</span>
<span class="inbox">ten</span>
<button>go</button>