Javascript div無法正常工作

-4

var udiv = document.createElement('div'); 
var div = document.createElement("div"); 
div.style.width = "100px"; 
div.style.height = "100px"; 
div.style.background = "red"; 
div.style.color = "white"; 
div.innerHTML = "Hello"; 
div.appendChild(udiv);

我一直在努力讓這個工作，但是當我打開頁面時什麼也沒有。我知道Javascript文件可以工作，因爲其他所有內容都顯示出來，但是div沒有。沒有錯誤。Javascript div無法正常工作

來源

2016-04-24 Bubbie Bell

但都是新元素，追加這些元素已經存在的元素或body，

. 
. 
. 
div.appendChild(udiv); 
document.body.appendChild(div)

來源

2016-04-24 11:05:06

我已經厭倦了，它所做的只是導致這個錯誤：main.js：182 Uncaught TypeError：無法讀取屬性'appendChild'o f null –

@BubbieBell你在哪裏放置你的腳本？將其置於body的結束標記下，或者使用[domcontentloaded]（https://developer.mozilla.org/zh-CN/docs/Mozilla_event_reference/DOMContentLoaded_%28event%29?redirectlocale=zh-CN&redirectslug=DOM%2FDOM_event_reference%2FDOMContentLoaded ）事件。 –

好吧，它現在有用！謝謝！ –

您已將udiv附加到div，但您從未將div附加到DOM。

來源

2016-04-24 11:04:55

你沒有的div對象追加到DOM

document.body.appendChild(div);

來源

2016-04-24 11:05:10

Javascript div無法正常工作

回答

相關問題