|
Сообщение от IVAN86
|
Задача усложняется если не только строки в таблице, но и сами таблицы могут быть динамическими, и появляться в разных местах страницы.
В таком случае нужно привязывать on к body, а это, думаю, затратно.
|
Тоже вроде не проблема
<style>
td {border: solid 1px; cursor: pointer}
</style>
<body>
<button id="but">create table</button>
<script>
window.onload = function () {
var str = '<table>';
for (var i = 0; i < 10; i++) {
str += '<tr>';
for (var j = 0; j < 10; j++) {
str += '<td>' + i + j + '</td>';
}
str += '</tr>';
}
str += '</table><br>';
document.body.onclick = function (e) {
e = e || event;
var target = e.target || e.srcElement;
if (target.id == 'but') {
document.body.innerHTML += str;
} else if (target.tagName == 'TD') {
alert(target.innerHTML)
}
}
}
</script>