我如何使用javascript添加和删除元素一遍又一遍
How can I use javascript to add and remove an element over and over again?
第一次发帖。我试图使用HTML中定义的按钮来调用通过JavaScript创建按钮的函数,而另一个按钮则删除创建的按钮。
HTML:<div id="thisdiv">
<input type="button" onclick="makeButtons()" value="Add" />
<input type="button" onclick="removeButtons()" value="Remove" />
</div>
Javascript: function makeButtons()
{
var buttonOne=document.createElement("BUTTON");
var buttonTwo=document.createElement("BUTTON");
buttonOne.setAttribute("id", "yesdombutton"); //adds id to button
buttonTwo.setAttribute("id", "nodombutton"); //adds id to button
document.getElementById("thisdiv").appendChild(buttonOne); //appends buttons
document.getElementById("thisdiv").appendChild(buttonTwo);
}
function removeButtons()
{
var div = document.getElementById("thisdiv");
div.removeChild(yesdombutton); //this works only once in firefox but >
div.removeChild(nodombutton); //works over and over in IE
}
作为remove()函数状态下的注释,代码在Firefox中只能工作一次,但在IE10中可以正常工作。工作,我的意思是我可以点击是和否按钮在HTML部分,来回,和JavaScript创建的按钮出现和消失,因为他们应该。
我希望在Firefox中也发生同样的情况,但我一直无法找到答案。
我的一个朋友提到我有一个范围问题…下面的代码使站点按照我想要的方式工作。
Javascript:function removeButtons()
{
var div = document.getElementById("albumown");
var destroyMe = document.getElementById("yesdombutton"); //This makes it so that
var destroyMeToo = document.getElementById("nodombutton"); //the buttons I want to
//remove are referenced
div.removeChild(destroyMe); //correctly
div.removeChild(destroyMeToo);
}
感谢那些问这个问题的人!一个星期以来,我一直在绞尽脑汁,尝试不同的东西。但是,现在一切都好了。
相关文章:
- 正在尝试删除子元素的最后一个子元素
- 创建一组元素JointJS
- 如何检查是否存在“;没有到主机的路由”;在流式传输视频的过程中一遍又一遍
- 如何检查焦点是否离开了一组元素
- 是否可以加快向DOM添加一组元素的速度
- jQuery只选择一个子元素
- 使用javascript在一组元素上切换类
- 如何在 DOM 中删除元素的最后一个子元素
- 如何使用jQuery查找一组元素的父元素
- 为什么 .data() 适用于一组元素,但不适用于单个元素
- 如何从一组元素中获取 ID 并保存在数组中
- 与另一个子元素重叠列表项
- Javascript - 需要重复数组迭代,每x秒更改一次元素的类
- 使一组元素透明,但一个除外
- 检查元素是否只有一个子元素
- 获取 javascript 中下一个子元素,其 innerHTML 是动态值
- 如何查找元素的最后一个子元素
- 当一组元素的所有元素都具有特定值时,如何隐藏表单元素
- 循环遍历一组元素 jQuery
- 我如何使用javascript添加和删除元素一遍又一遍