Доступ к дочерним узлам в DIV с помощью JavaScript

Question

Я создал DIV, используя следующий код ...

var bannerBox = document.createElement("div"); 
bannerBox.id = "bannerBox"; 

... и второй DIV следующим образом ...

var bannerAd = document.createElement("div"); 
bannerAd.className = "bannerAd"; 

выше divs были созданы в одной функции. Теперь в другой функции, я попытался получить доступ к первому DIV следующим образом ...

var allAds = document.getElementById("bannerBox").childNodes; 

... но он производит эту ошибку: неперехваченной ошибка не может читать недвижимость ChildNodes пустых

Answer 1

Вы должны на самом деле поставить bannerBox DIV в документе, путем передачи его в appendChild или insertBefore на некотором элементе, которая находится в документе (например, как document.body):

document.body.appendChild(bannerBox); 

(Но это может быть любой элемент в документе, не должны быть body.)

После того, как это в документе, вы можете получить его id путь вы показали.

И, конечно (это не проблема, вы испытываете, но это может быть следующей проблемы), для bannerBox иметь дочерние узлы (например, для childNodes не быть пустым NodeList), вам нужно что-то положить в нее. Из ваших имен переменных, я имею в виду, вероятно, вы хотите поставить bannerAd в нем, например:

bannerBox.appendChild(bannerAd);