Ошибка "document.getElementById (...)» равно нулю или не является объектом"

for(var i=0;i<100;i++) { 
 
var para = document.createElement("p"); 
 
var node = document.createTextNode("This is just dummy data...but a very long one!!!."); 
 
para.appendChild(node); 
 
var element = document.getElementById("main"); 
 
element.appendChild(para); 
 
}

<html> 
 
<head> 
 
<title>Experiment -II</title> 
 
<script type="text/javascript" src="exp.js"></script> 
 
</head> 
 
<body> 
 

 
    <div id="main"> 
 
    </div> 
 

 
</body> 
 
</html>

Я Worte код и попробовал, но я получаю ошибку 'document.getElementById (...) 'является нулевым или не является объектом, хотя я думаю, что объект не является нулевым.

Почему я получаю это? Это потому, что я оставил «главный» раздел пустым?

источник

2015-05-14 Abhishek Sinha

Код выглядит и прекрасно работает http://jsfiddle.net/ktggtsas/ – imbondbaby

@imbondbaby - Вы перевели код в функцию обработчика события onload. – Quentin

@ imbondbaby-jsfiddle.net/ktggtsas на самом деле исправить ошибку, которую я сделал. –

Это потому, что ваш скрипт запускается до загрузки <div>.

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

источник

2015-05-14 21:53:24

Ошибка "document.getElementById (...)» равно нулю или не является объектом"

ответ

Смежные вопросы