為什么它沒有顯示消息“ Hello world！”？

Question

var div = document.createElement("tempdiv");
div.innerHTML = "<html><body><div id='test'>Hello World!</div></body></html>";
alert(div.getElementById("test").innerHTML);

我收到錯誤“ 未捕獲的TypeError：對象#HTMLUnknownElement沒有方法'getElementById' ”

Answer 1

getElementById方法僅存在於文檔對象上。 單個DOM元素不支持它。 如果要將元素添加到DOM，則可以調用document.getElementById("test").innerHTML; 得到您的文本。

Answer 2

getElementById不會搜索文檔中未包含的元素。 創建元素並為其分配ID時，必須先使用insertBefore或類似方法將元素插入文檔樹中，然后才能使用getElementById訪問它。

參考： https : //developer.mozilla.org/zh-CN/docs/DOM/document.getElementById

例：

var div = document.createElement("div");
document.body.appendChild(div);
div.innerHTML = "<div id='test'>Hello World!</div>";
console.log(document.getElementById("test"));

Answer 3

不要忘記為創建的div設置ID，以便選擇：

var div = document.createElement("div");
div.setAttribute('id', 'idName');
div.innerHTML = "<html><body><div id='test'>Hello World!</div></body></html>";

為什么它沒有顯示消息“ Hello world！”？

問題描述

3 個解決方案

解決方案1
1 2013-04-10 14:12:49

解決方案2
0 已采納 2013-04-10 14:15:58

解決方案3
0 2013-04-10 14:40:33

為什么它沒有顯示消息“ Hello world！”？

問題描述

3 個解決方案

解決方案1 1 2013-04-10 14:12:49

解決方案2 0 已采納 2013-04-10 14:15:58

解決方案3 0 2013-04-10 14:40:33

解決方案1
1 2013-04-10 14:12:49

解決方案2
0 已采納 2013-04-10 14:15:58

解決方案3
0 2013-04-10 14:40:33