Изменение значения в Javascript, похоже, не работает

#javascript

#javascript

Вопрос:

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

Я пытаюсь изменить значение кнопки в таблице. Но, похоже, я не могу заставить его работать. Мой html, помимо основных заголовков …

 <table id = "puzzle">
    <tr>
        <td> <button type = "button" id="b00"> 1 </button></td>
    </tr>
</table>
 

и мой js

 document.getElementById("b00").innerHTML = "5";
 

Другие вещи, которые я делал, работали как печать и тому подобное. Следует отметить, что когда я пытаюсь установить элемент равным переменной и распечатать его, он выводит значение null. Это нормально? Спасибо за любую помощь.

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

1. Когда я копирую и вставляю ваш код в jsfiddle, он работает

2. Мне кажется, что ваши html и js работают нормально: codepen.io/cam5/pen/gwjkAk Может быть, вы что-то упускаете из виду?

3. Куда вы поместили свой JS-код? Если оно находится перед вашим <table> , оно не сможет получить элемент, потому что он еще не существует.

4. @DiegoCardoso прав. Если вы запускаете свой скрипт до создания HTML, вы не измените его из-за того, что он не отображается в то время. Хороший вызов

Ответ №1:

Я поместил js-файл в заголовок и создал html-таблицу в теле кода. Он не смог найти таблицу, потому что она еще не существовала. Полная благодарность Диего Кардосо и Джеймсу за помощь.