Uncaught TypeError：無法讀取js上null屬性的'addEventListener'

Question

這是我的javascript代碼。

var customerNodea = document.getElementsByName("cartquantity");  
for(var i = 0; i < customerNodea.length; i++){ 
    var customer = document.getElementById("quantity"+i); 
    customer.addEventListener("change", func, false); 
} 

在我的HTML 我有

id="quantity1" 
id="quantity2" 
id="quantity3" 

。 .etc

任何幫助將不勝感激，謝謝！

Answer 1

當您開始for循環時，您將啓動計數器0。所以第一次通過你的循環你的代碼要求：

var customer = document.getElementById("quantity0"); 

這是null，因此你的錯誤。

你可以改變你的循環在1和完成 - 開始在3有：

for(var i = 1; i <= customerNodea.length; i++) { 
    var customer = document.getElementById("quantity"+i); 
    customer.addEventListener("change", func, false); 
} 

Answer 2

var customerNodea = document.getElementsByName("cartquantity");  
for(var i = 0; i < customerNodea.length; i++) { 
    var customer = document.getElementById("quantity"+parseInt(i+1)); 
    customer.addEventListener("change", func, false); 
}