appendChild, похоже, не работает нормально в FireFox

#javascript

#javascript

Вопрос:

Я пытаюсь научиться создавать a как дочерний элемент другого, используя JavaScript. Мой приведенный ниже пример отлично работает в Chrome и IE, но в Firefox я получаю сообщение об ошибке «viewport не определен» для строки viewport.appendChild в JS.

HTML выглядит следующим образом:

 <body>
<div id="viewport"></div>
</body>
  

и JS выглядит следующим образом:

 function createDiv() {

    var divTag = document.createElement("div");

    divTag.className ="tile";

    viewport.appendChild(divTag);

}
  

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

1. Mozilla является строгой — вы не можете пропустить шаги.

Ответ №1:

Это потому, что вы не определили viewport . Где-нибудь в функции над appendChild строкой добавьте это:

 var viewport=document.getElementById('viewport');
  

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

1. Я должен добавить, что в Internet Explorer каждый элемент с идентификатором также является глобальной переменной. Вот почему код там «работал».