刪除：

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

if (div) {

div.parentNode.removeChild(div);

}

或者如果您不控制文檔并認(rèn)為可能格式錯(cuò)誤：

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

while (div) {

div.parentNode.removeChild(div);

div = document.getElementById('xyz');

}

(以下替代品)

但是你只需要循環(huán)使用無(wú)效的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);

如果您不喜歡上述循環(huán)中的代碼重復(fù),并且您認(rèn)為您需要循環(huán),則可以執(zhí)行以下操作：

var div;

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

div.parentNode.removeChild(div);

}

要么

var div;

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

div.parentNode.removeChild(div);

}

…雖然最后一個(gè)可能會(huì)生成各種工具的lint警告,因?yàn)樗雌饋?lái)像你有=你的意思==或===(但在這種情況下,我們真的做的意思是=).

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。