addEventListenerが関数エラーではありません

Question

tdセルのテキストを「Clicked」に変換しようとしています。それがクリックされたときに、JSをロードするときにエラーをスローします。私は周りを読んで、このような配列を使用することができないことを知っているが、私はそれを修正する方法を知らない。

window.addEventListener("load", table) 

function table(){ 
    var tables = document.getElementsByTagName("td"); 
    tables.addEventListener("click", clicked); 
} 

Answer 1

document.getElementsByTagName戻るないNodeオブジェクトが、NodeListオブジェクト。インデックスでNodeオブジェクトにアクセスできます。

サンプル：

var tables = document.getElementsByTagName("td"); 

if (tables.length) { 
tables[0].addEventListener("click", clicked); 
} 

https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByTagName