Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.07.2014, 18:16
Интересующийся
Отправить личное сообщение для CRYSIS_STALKER Посмотреть профиль Найти все сообщения от CRYSIS_STALKER
 
Регистрация: 19.03.2014
Сообщений: 10

Добавление нескольких строк в таблицу
Можно скрипт, который будет добавлять в таблицу <table> 2 строки по onclick (таблица имеет 6 столбцов)
Ответить с цитированием
  #2 (permalink)  
Старый 23.07.2014, 18:45
Профессор
Отправить личное сообщение для tsigel Посмотреть профиль Найти все сообщения от tsigel
 
Регистрация: 12.12.2012
Сообщений: 1,398

<table border="1">

<tr>
<td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td>
</tr>

</table>

<script>

var table = document.getElementsByTagName("table")[0];

table.addEventListener("click", function () {

   this.innerHTML += "<tr><td></td><td></td><td></td><td></td><td></td><td></td></tr>";
   this.innerHTML += "<tr><td></td><td></td><td></td><td></td><td></td><td></td></tr>";

}, true);

</script>
Ответить с цитированием
  #3 (permalink)  
Старый 23.07.2014, 20:01
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 4,661

CRYSIS_STALKER,
<table id="myTable" border="1" width="300">
  <tbody>
    <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td></tr>
  </tbody>
</table>
<input type="button" value="Добавить" onclick="addRows()">

<script>
function addRows() {
	var table = document.getElementById('myTable');
	for (var i = 0; i < 2; i++) {
		var row = table.insertRow(-1);
		for (var j = 0; j < 6; j++) {
			row.insertCell(-1).innerHTML = i + '-' + j;
		}
	}
}
</script>
Ответить с цитированием
  #4 (permalink)  
Старый 23.07.2014, 20:48
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,513

tsigel, вы дважды перезаписываете этим действием всю таблицу. Нельзя так делать.
__________________
29375, 35
Ответить с цитированием
  #5 (permalink)  
Старый 23.07.2014, 21:12
Аватар для MallSerg
Профессор
Отправить личное сообщение для MallSerg Посмотреть профиль Найти все сообщения от MallSerg
 
Регистрация: 07.03.2011
Сообщений: 1,127

Печально, но так делать можно =(
Ответить с цитированием
  #6 (permalink)  
Старый 24.07.2014, 14:33
Профессор
Отправить личное сообщение для tsigel Посмотреть профиль Найти все сообщения от tsigel
 
Регистрация: 12.12.2012
Сообщений: 1,398

Aetae,
да я знаю. На такие посты я часто пишу не самое правильное решение, а самое наипростейшее.
Ответить с цитированием
  #7 (permalink)  
Старый 24.07.2014, 22:03
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,513

tsigel, но так делать нельзя. Никогда. Вообще никогда. Забыть как страшный сон.
Конструкция elem.innerHTML += str имхо, вообще должна ворнингами в консоль пулять.
__________________
29375, 35
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Добавление нескольких колонок в таблицу nanoT1m Элементы интерфейса 3 08.06.2014 22:45
Добавление строк в таблицу ded711 Общие вопросы Javascript 8 25.04.2014 08:23
Добавление строк в таблицу ded711 Общие вопросы Javascript 1 30.03.2014 16:52
Добавление строк в таблицу (JQuery) tiksi jQuery 2 16.05.2013 08:01
Добавление строк в таблицу MCTrane Общие вопросы Javascript 14 28.11.2010 18:18