使用JavaScript訪問div的子節點

Question

我使用以下代碼創建了一個div ...

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

...以及下面的第二個div ...

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

以上div是在一個函數中創建的。 現在在另一個函數中，我嘗試按如下方式訪問第一個div ...

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

...但會產生此錯誤： 未捕獲的錯誤無法讀取null的屬性子節點

Answer 1

您實際上必須將bannerBox div放入文檔中，方法是將它傳遞到appendChild或insertBefore到文檔中某些元素上（例如document.body ）：

document.body.appendChild(bannerBox);

（但是它可以是文檔中的任何元素，不必是body 。）

將其放入文檔后，您可以按照顯示的方式通過id對其進行檢索。

當然（這不是您遇到的問題，但這可能是下一個問題），對於bannerBox具有任何子節點（例如，對於childNodes不要將其作為空NodeList ），您需要在其中放置一些內容。 從您的變量名來看，我想您可能想將bannerAd放入其中，例如：

bannerBox.appendChild(bannerAd);