Javascript:删除使用 .createElement() 创建的元素

标签 javascript html

因此,当用户按下按钮时,我将创建元素以使列表出现在页面上。但是,当他们再次按下按钮时,新列表将显示在先前的内容之后,而旧的内容将保留。我需要清除以前的内容(使用 .createElement() 创建的),然后插入新的内容。

这就是我制作元素的方式:

我有一个<ul id="positiveUL">在 HTML 中。和positiveList = document.getElementById('positiveUL')

for(var positive in positives) {
    var li = document.createElement('li');
    li.innerHTML = positives[positive] + ', ';
    positiveList.insertBefore(li, positiveList.firstChild);
}

我尝试过的:

.innerHTML = ' ';

我也尝试使用 .removeChild() 删除 childNode,但它不起作用。

非常感谢任何帮助或指导。谢谢!

最佳答案

希望我理解您的意思,但是在插入新内容之前,请清空旧内容?

while(node.firstChild) 
{
    node.removeChild(node.firstChild);
}

你的父节点是哪个节点?

关于Javascript:删除使用 .createElement() 创建的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21243329/

相关文章:

javascript - 在 addclass/removeclass 事件上添加淡入或淡出

javascript - 如何根据另一个数组中的元素拆分数组

javascript - CSS/JS 滚动一个较低的 z-index div

使用 native 浏览器身份验证的 Javascript

javascript - setTimeout 间隔衰减和恢复

java - Spring Security 表单登录

html - 如何在 CSS 中在更大的圆圈内制作圆圈,并在所有圆圈的中心制作文本?

javascript - 在选项标签中显示下拉项

html - 显示 flex flex wrap 宽度问题

javascript - 如何在单击时在两个菜单项之间切换并在切换下一个时关闭上一个?