刪除：

var div = document.getElementById('xyz');

if (div) {

div.parentNode.removeChild(div);

}

或者如果您不控制文檔并認為可能格式錯誤：

var div = document.getElementById('xyz');

while (div) {

div.parentNode.removeChild(div);

div = document.getElementById('xyz');

}

(以下替代品)

但是你只需要循環使用無效的HTML文檔;如果您控制文檔,則不需要,只需確保文檔有效. id值必須是唯一的.然而,人們看到很多文件不在那里.

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

msgContainer.id = 'xyz'; // No setAttribute required

msgContainer.className = 'someClass' // No setAttribute required,note it's "className" to avoid conflict with JavaScript reserved word

msgContainer.appendChild(document.createTextNode(msg));

document.body.appendChild(msgContainer);

如果您不喜歡上述循環中的代碼重復,并且您認為您需要循環,則可以執行以下操作：

var div;

while (!!(div = document.getElementById('xyz'))) {

div.parentNode.removeChild(div);

}

要么

var div;

while (div = document.getElementById('xyz')) {

div.parentNode.removeChild(div);

}

…雖然最后一個可能會生成各種工具的lint警告,因為它看起來像你有=你的意思==或===(但在這種情況下,我們真的做的意思是=).

總結

以上是生活随笔為你收集整理的动态给div追加html代码,javascript – 动态添加/删除div到html的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。