мне нужно что б при клике на ячейку в таблице она окрашивалась в черный, дело в том что у меня как то получилось добиться того что б на красной таблице окрашивались ячейки, но на таблице которая генерируется после загрузки страницы клик почему то не срабатывал
var html = '<table><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr></table>',
td = document.querySelector("td");
// document.querySelector('td').onclick = function() {
// this.style.background = "black";
// };
for (var i = 0; i < td.length; i++) {
td[i].onclick = function() {
this.style.background = "black";
};
}
document.querySelector('#but').onclick = function() {
document.querySelector('#new-table').innerHTML = html;
};
td {
padding: 25px;
background: red;
cursor: pointer;
}
#new-table td {
background: green;
}
<button id="but">Создать новую табл</button>
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<div id="new-table"></div>