forEach（）の最後の要素に到達する方法JS

Question

ここでは多くのソリューションを試しましたが、私にとってはうまくいきませんでした。私はノード要素をループしています。最後のものに行きたいので、私はそれを更新します。

Uncaught TypeError：未定義のプロパティ 'innerHTML'を設定できません。

Answer 1

最後の要素に到達するために要素をループする必要はありません。

また、あなたはブール値ではなく、実際のインデックスを返しますevent === (userLen - 1)としてevent[true]かevent[false]を取得しようとしています。

これを試してみてください：

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

Answer 2

あなたが好きここforEachを使用してW/Oこれを行うことができます：あなたは `イベント[イベント何を期待し

var elm = document.querySelectorAll('.username'); 
 
var lastElem = [].slice.call(elm).pop(); 
 
if (lastElem) lastElem.innerHTML = 'It Works!'; 
 

 
// For debugging purpose 
 
console.log([].slice.call(elm)) //<-- Convert NodeList to Array 
 
console.log(lastElem)

<div class="username">A</div> 
 
<div class="username">B</div> 
 
<div class="username">C</div>