Possuo uma tabela HTML
que preencho com dados que possuo em um banco de dados.
Cada tag tr
da minha table representa um cliente, desconsiderando a tag tr
do cabeçalho.
Gostaria de adicionar um evento de click às tags tr
, como se estivessem selecionando um cliente.
Tabela HTML :
<table id="modelTable">
<thead>
<tr>
<th>Id User</th>
<th>UserEmail</th>
<th>CodeCustomer</th>
<th>DateCreation</th>
<th>DateContract</th>
<th>Condition</th>
</tr>
</thead>
<tbody></tbody>
</table>
Estou tentando desta forma (javaScript) :
document.getElementsByTagName("tr").addEventListener('click', function () {
console.log("clique");
});
Error :
Uncaught TypeError: document.getElementsByTagName(...).addEventListener is not a function at HTMLAnchorElement.
Devo estar deixando algo passar, contudo já gastei algum tempo procurando, gostaria que alguém pudesse me apontar onde estou errando.
nodelist
ou seja uma array com todas os elementostr
do documento, mesmo que só tenha uma. Vc prercisa acessar por um índice assim por exemplo [0]