如何到达forEach()JS中的最后一个元素

Question

我在这里尝试了很多解决方案,但没有为我工作.我正在循环节点元素,我想到最后一个,所以我更新它.

app.js

var userLen = document.querySelectorAll('.username').length
document.querySelectorAll('.username').forEach(function (event) {
  event[event === (userLen - 1)].innerHTML =   window.localStorage.getItem('micky')
})

每次Uncaught TypeError都会出现此错误:无法设置undefined的属性'innerHTML'.

Answer 1

您不需要遍历元素以到达最后一个元素.

此外,你正试图获得 event[true]或event[false]作为event === (userLen - 1)会返回一个布尔值,而不是实际的指数.

试试这个:

var nodeElememnts = document.querySelectorAll('.username');
if(nodeElements.length > 0){
    nodeElements[nodeElements.length - 1].innerHTML = window.localStorage.getItem('micky');
}