爲什麼顯示這個錯誤遺漏的類型錯誤：無法讀取的不確定

Question

財產 '的addEventListener' 我有一些JavaScript代碼，讓這個錯誤

Uncaught TypeError: Cannot read property 'addEventListener' of undefined 

我的代碼：

HTML：

<div class="main"> 
    <h1 id="our-heading">The page heading</h1> 
    <button id="button">Add Item</button> 
    <ul id="our-list"> 
    <li>Item one</li> 
    <li>Item two</li> 
    <li>Item three</li> 
    <li>Item four</li> 
    <li>Item five</li> 
    </ul> 
</div> 

Javascript：

var ourHeadline = document.getElementById("our-heading"); 
var listItems = document.getElementById("our-list").getElementsByTagName("li"); 

for (var i = 0; i<= listItems.length; i++){ 
    listItems[i].addEventListener("click", activateItem); 
} 

function activateItem(){ 
    ourHeadline.innerHTML = this.innerHTML; 
} 

請人給我的解決方案

Answer 1

循環，直到數組的最後一個項目而已，在當前的代碼你循環，直到陣列時listItems

for (var i = 0; i<= listItems.length; i++){ 
    listItems[i].addEventListener("click", activateItem); 
} 

的長度，數組索引開始爲0，對於由於下面的代碼

listItems[i].addEventListener 

變化循環，你會得到上述未定義錯誤的最後一次迭代你的代碼

for (var i = 0; i< listItems.length; i++){ 
    listItems[i].addEventListener("click", activateItem); 
}