Javascript: ошибка не может установить свойство «...» undefined

Question

Почему эта строка JS-кода, возвращающая ошибку, «не может установить свойство ... неопределенного»?

Я правильно ссылаюсь на идентификатор элемента div.

<input type="text" id="english" name="english" placeholder="English sentence" /> 
<div id="english_error" class="val_error"></div> 

Answer 1

пока не могу комментировать, но это может быть повторением: How to reference ID of DIV sending JavaScript call?

document.getElementById("english_error").textContent = "English sentence is required"; 

Answer 2

только формируют элементы управления отображаются, в основном только <input>, <textarea>, <select> теги:

var sentence = document.forms["myForm"]["english"]; 

Является <input> тегом так что это работает:

document.forms["myForm"]["english_error"].textContent = "English sentence is required"; 

english_error нормально <div> так не работает, вы должны использовать:

document.getElementById("english_error").textContent = "English sentence is required"; 

А также по имени класса:

document.getElementsByClassName("val_error")[0].textContent = "English sentence is required";