2014-10-31 65 views
0

我想爲Magento頁面上的循環中的每個元素創建一個新的紅色div。但是當我預覽頁面時沒有任何反應。我的循環工作並返回3個警報框,所以我期望得到3個紅色的div與下面的代碼,但沒有任何反應!爲什麼不能在Magento中創建一個新的DIV?

var campaigns = document.getElementsByClassName("campaign"); 

for (var i=0, max= campaigns.length; i <= max; i++) { 

//This alert works - alert("Campaign" + i); 

var newDiv = document.createElement('div'); 

    newDiv.id = 'example'+i; 
    newDiv.className = 'examples'; 
    newDiv.style.color = "red"; 
    document.appendChild(newDiv); 

}; 
+0

您正在使用基本javascript來添加元素。它應該在那裏。可能性是它沒有任何東西在div中,所以你沒有看到它。嘗試添加'newDiv.style.min-height =「20px」;'。 – charles 2014-10-31 12:03:47

+0

我試圖設置高度並添加文本到Div,但我仍然無法看到任何東西。 – 2014-10-31 13:02:18

+0

你可以發佈你現有的html並完成js嗎? – charles 2014-10-31 13:11:21

回答

0

在爲條件,你應該使用我<最大,否則循環將執行一次比它應該更多。

爲了使div可見,您應爲其設置文本或設置背景顏色,寬度和高度。

最後,您將元素附加到文檔元素,這實際上並不合理。您必須通過document.body.appendChild或campaign [i] .appendChild進行替換。

相關問題