Форум

Jeremen · #11 (**permalink**) 20.08.2012, 11:26

cyber, вот такой код:

table.innerHTML = '<thead> \
				<tr> \
					<th>№</th> \
					<th>Жёлтый</th> \
					<th>Оранжевый</th> \
					<th>Розовый</th> \
					<th>Красный</th> \
					<th>Зелёный</th> \
					<th>Чёрный</th> \
					<th>Голубой</th> \
					<th>Синий</th> \
				</tr> \
				</thead>';
				table.innerHTML += '<tfoot><tr><td colspan="9"><button id="readyButton">Готово!</button></td></tr></tfoot>';
				for (var i = 0; i < result.listOfColors.length; i++) {
					table.innerHTML += '<tr> \
					<td>' + (i + 1) + '</td> \
					<td><input type="radio" name="' + 'radio' + i + '"value="yellow" /></td> \
					<td><input type="radio" name="' + 'radio' + i + '"value="orange" /></td> \
					<td><input type="radio" name="' + 'radio' + i + '"value="hotPink" /></td> \
					<td><input type="radio" name="' + 'radio' + i + '"value="red" /></td> \
					<td><input type="radio" name="' + 'radio' + i + '"value="green" /></td> \
					<td><input type="radio" name="' + 'radio' + i + '"value="black" /></td> \
					<td><input type="radio" name="' + 'radio' + i + '"value="deepSkyBlue" /></td> \
					<td><input type="radio" name="' + 'radio' + i + '"value="mediumBlue" /></td> \
					</tr>';
				}

Смотря на структуру HTML через firebug он показывает каждый tr обвернутым в tbody, хотя как видите здесь никакого tbody нет.

cyber · #12 (**permalink**) 20.08.2012, 14:55

<!DOCTYPE HTML>
<html>
  <head> </head>
  <body>

    <script>

var table = document.createElement('table');
      
var TableContent = '<thead> \
				<tr> \
					<th>№</th> \
					<th>Жёлтый</th> \
					<th>Оранжевый</th> \
					<th>Розовый</th> \
					<th>Красный</th> \
					<th>Зелёный</th> \
					<th>Чёрный</th> \
					<th>Голубой</th> \
					<th>Синий</th> \
				</tr> \
				</thead>';
				TableContent += '<tfoot><tr><td colspan="9"><button id="readyButton">Готово!</button></td></tr></tfoot>';
				for (var i = 0; i <20; i++) {
					 TableContent += '<tr> \
					<td>' + (i + 1) + '</td> \
					<td><input type="radio" name="' + 'radio' + i + '"value="yellow" /></td> \
					<td><input type="radio" name="' + 'radio' + i + '"value="orange" /></td> \
					<td><input type="radio" name="' + 'radio' + i + '"value="hotPink" /></td> \
					<td><input type="radio" name="' + 'radio' + i + '"value="red" /></td> \
					<td><input type="radio" name="' + 'radio' + i + '"value="green" /></td> \
					<td><input type="radio" name="' + 'radio' + i + '"value="black" /></td> \
					<td><input type="radio" name="' + 'radio' + i + '"value="deepSkyBlue" /></td> \
					<td><input type="radio" name="' + 'radio' + i + '"value="mediumBlue" /></td> \
					</tr>';
				}      

      
   table.innerHTML =  TableContent   
   document.body.appendChild(table)

    </script>

  </body>
</html>

oneguy · #13 (**permalink**) 20.08.2012, 19:26

Сообщение от Jeremen

Смотря на структуру HTML через firebug он показывает каждый tr обвернутым в tbody, хотя как видите здесь никакого tbody нет.

Сообщение от oneguy

в элементе <table> должен быть обязательно хотя бы 1 <tbody>, и <tr> не может быть непосредственно в <table>, только через <thead>, <tbody> или <tfoot>.

Сообщение от Aetae

Всем браузерам это похрену.(кроме ie в частных случаях)

Взято отсюда: Почему динамическая таблица создается без контента?..

Форум

Справочник

Discord чат

Курсы javascript