Сообщение от bobroed
|
День добрый. Есть одна таблица с тремя столбцами. Нужно при нажатии на строку добавлять эту строку в другую таблицу. Помогите, пожалуйста.
|
wtfpl
<style>
table, td, th {
border: solid 1px;
border-collapse: collapse;
padding: 0.5em;
cursor: pointer;
}
</style>
<table class="table1">
<tr>
<td>как</td>
<td>так</td>
</tr>
<tr>
<th>так</th>
<th>как</th>
</tr>
</table>
<br/>
<table class="table2">
<tr>
<td>1</td>
<td>2</td>
</tr>
</table>
<script>
(function () {
var table1 = document.getElementsByClassName("table1")[0];
var table2 = document.getElementsByClassName("table2")[0];
table1.addEventListener("click", function () {
var target = event.target;
if (target.tagName == "TD" || target.tagName == "TH") {
table2.firstElementChild.appendChild(target.parentNode.cloneNode(true));
}
});
})();
</script>