Показать сообщение отдельно
  #2 (permalink)  
Старый 21.09.2014, 01:22
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

Сообщение от 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>
Ответить с цитированием