@Zorgios

Почему не получается добавить строку в таблицу?

Есть таблица:
<table border="1" id='testTable'>
    	<caption>Тестовая таблица</caption>
</table>

Пытаюсь добавить в неё строку
var tbody = document.getElementById('testTable').getElementsByTagName("TBODY")[0];
//Первая строка
var row = document.createElement("TR");
tbody.appendChild(row);
var td1 = document.createElement("TD");
var td2 = document.createElement("TH");
var td3 = document.createElement("TH");
row.appendChild(td1);
row.appendChild(td2);
row.appendChild(td3);
// Наполняем ячейки
td1.innerHTML = 'Число';
td2.innerHTML = '1000';
td3.innerHTML = '500';

Почему-то получаю ошибку:
TypeError: Cannot read property 'appendChild' of undefined

Ошибка вылетает на строке:
tbody.appendChild(row);

Может быть это потому, что на странице уже есть несколько других таблиц?
  • Вопрос задан
  • 61 просмотр
Пригласить эксперта
Ответы на вопрос 2
@0Bannon
Внутри table впиши tbody
Ответ написан
Комментировать
0mm
@0mm
Нет тэга tbody, поэтому переменной tbody присваивается значение undefined, у которого, разумеется, нет метода appendChild(), к которому вы пытаетесь затем обращаться. Ошибка совершенно четко об этом сообщает.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы