@darkmayers

Как добавить ячейки в HTML таблицу через JavaScript?

Добрый день!

Уважаемые знатоки! Мне нужно добавить в таблицу ячейки через js
Вот примерно так выглядит код html:
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
<button onclick="addStr()">Добавить ячейку</button>
<table id="tableResult" style="border:1px solid;">
  <tr>
    <td>11</td>
  </tr>
</table>
</body>
</html>

И вот такой скрипт получился:
function addStr() {
    var str = document.getElementById('tableResult');
    var add = str.insertRow(-1);
    //add.insertCell(0);
    var addTr = document.createElement("tr");
    var addTd = document.createElement("td");
    addTd.innerHTML="11";
    addTr.appendChild(addTd);
    str.appendChild(addTr);
}

При этом моргает новая ячейка, но сразу исчезает. Можете подсказать, что я не так делаю?
  • Вопрос задан
  • 2841 просмотр
Решения вопроса 2
Rsa97
@Rsa97
Для правильного вопроса надо знать половину ответа
Всё работает - jsfiddle.net/1cya0txq
Ищите в другом месте
Ответ написан
evgeniy2194
@evgeniy2194
PHP, js developer
jsfiddle.net/aLykgq26

У вас все работает)
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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