javascript добавление данных в ячейку таблицы

#javascript

#javascript

Вопрос:

 <table border='1' id='output'>

<tr>

<td>

</td>

</tr>

</table>
  

мой код javascript

  document.getElementById("output").childNodes[0].childNodes[0].nodeValue = ajaxRequest.responseText;
  

Не работает, пожалуйста, помогите

Комментарии:

1. вы можете назначить идентификатор своему элементу td и обновить его, найдя по идентификатору.

Ответ №1:

Используя jQuery, вы можете сделать это легко, как указано ниже:

 $(document).ready(function(){
 $("#output tr td").text("JQUERY HELP");
});
  

или, если вы хотите продолжить работу с javascript, вы можете сослаться на другие опубликованные ответы.

НАЖМИТЕ ЗДЕСЬ, ЧТОБЫ ПОСМОТРЕТЬ ДЕМОНСТРАЦИЮ

Комментарии:

1. должен ли я только импортировать jquery и вставить ваш код? будет ли это работать тогда?

2. да! загрузите jquery и используйте на странице, над которой вы работаете.

Ответ №2:

 document.getElementById("output").children[0].children[0].children[0].innerHTML;
  

Ответ №3:

Вы ошибаетесь в двух вещах:

  1. Это недопустимое <table> .

У таблиц должен быть <tbody> тег. Которые, вероятно, добавляются браузером, что означает, что вам нужно перейти на один уровень глубже, чтобы получить доступ к <td> элементу.

Во-вторых, nodeValue для нетекстового узла всегда будет null, что и есть <td> . Вместо этого используйте innerHTML свойство для изменения текста элемента.

После исправления этих двух вещей ваш код должен выглядеть следующим образом:

  document.getElementById("output").childNodes[0].childNodes[0].childNodes[0].innerHTML = ajaxRequest.responseText;
  

Ответ №4:

 <table border='1' id='output'>
    <tr>
        <td></td>
    </tr>
</table>

$(function(){
   $('#output td').append("blaa");
});
  

Проверьте это

Надеюсь, это поможет.

Ответ №5:

Алекс прав, есть тег tbody. попробуйте следующий: document.getElementById(«output»).getElementsByTagName(«td»)[0].innerHTML=»test1″