Javascript-форум - Функция выдает что-то попало, помогите пожалуйста

Javascript-форум (https://javascript.ru/forum/)

- Events/DOM/Window (https://javascript.ru/forum/events/)

- - Функция выдает что-то попало, помогите пожалуйста (https://javascript.ru/forum/events/30894-funkciya-vydaet-chto-popalo-pomogite-pozhalujjsta.html)

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 нет.

<!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>

Цитата:

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

Цитата:

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

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

Цитата:

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

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

Взято отсюда: http://javascript.ru/forum/css-html-...tml#post197604