JavaScript中的document.createElement（）對象

我想我有另一個愚蠢的時刻。我在過去的半個小時裏四處尋找，但谷歌搜索沒有返回任何有用的東西。我無法找到描述我遇到的問題的詞語。這是我的代碼。JavaScript中的document.createElement（）對象

function myElement(){ 

    this.init = function(){ 
     this.display(); 
    } 

    this.display = function(){ 
     var element = document.createElement("div"); 
    } 
} 

var myElement = new myElement(); 
myElement.init();

我遇到的問題是代碼（.createElement("div")）不起作用。我搞砸了，我也嘗試過使用其他東西（例如JQuery的$.create('<div></div>');方法）。

我不完全確定它是範圍還是引用問題。

（請注意，這是在早晨上午2時10分，我的腦子是不是在其最活躍的狀態。）

來源

2014-01-25 jhmckimm

你必須將元素追加到東西，如另一個元素，或正文。

document.body.appendChild(element)

來源

2014-01-25 02:14:44 MikeHelland

這將失敗並出現錯誤，'myElement'不是DOM元素。 – bfavaretto

應該是你的代碼中的appendChild（元素）。 – MikeHelland

我以爲這會起作用，當我第一次看到你的答案，但技術有其他想法。 :( '未捕獲的TypeError：無法調用null的方法'appendChild' – jhmckimm

這是工作，但你沒有做與DIV什麼。我猜你想把它附加到DOM：

this.display = function(){ 
    var element = document.createElement("div"); 
    document.body.appendChild(element); 
};

來源

2014-01-25 02:14:33 bfavaretto

嘿，謝謝你的回答。我會接受它的，但MazeHatter在你之前幾秒鐘就得到了同樣的答案，所以我接受了他的答案。 +1雖然包括整個功能，但它很整齊。：D – jhmckimm

JavaScript中的document.createElement（）對象

回答

相關問題