用java脚本删除一组文本框

Remove a group of textbox with java script

本文关键字：一组 文本 java 脚本 删除      更新时间：2023-09-26

我想删除一组名称为textbox1的文本框。

我该怎么做?

我的代码不工作。

function remove_textbox(){
var parent=document.getElementById("div1");
var child=document.getElementsByName("textbox1");
parent.removeChild(child);            
}

帮忙吗?

提前致谢

try this

function remove_textbox(){
    var parent = document.getElementById("div1");
    var child = document.getElementsByClassName("textbox1")[0];
    parent.removeChild(child);
}
remove_textbox();

假设parent确实是这些框的直接父级，您必须迭代并删除每个

function remove_textbox(){
    var parent   = document.getElementById("div1");
    var children = document.getElementsByName("textbox1");
    for( var i=children.length; i--; ) {
        parent.removeChild(children[i]);
    }
}


function remove_textbox(){
    var parent   = document.getElementById("div1");
    var children = document.getElementsByName("textbox1");
    for( var i=children.length; i--; ) {
        parent.removeChild(children[i]);
    }
}
document.getElementById('test').addEventListener('click', remove_textbox)
<div id="div1">
    <input type="text" name="textbox1">
    <input type="text" name="textbox1">
    <input type="text" name="textbox1">
    <br /><br />
    <button id="test">Remove inputs</button>
</div>

getElementsByName返回集合。所以你需要一个一个地移除这些元素。

function remove_textbox(){
    var parent=document.getElementById("div1");
    var children=document.getElementsByName("textbox1");
    var index;
    for (index = children.length - 1; index >= 0; index--) {
    parent.removeChild(children[index]);
    }
    }


function remove_textbox(){
  var parent=document.getElementById("div1");
  [].slice.call(document.getElementsByName("textbox1")).forEach(
    function (child) { parent.removeChild(child); } );
}
document.getElementsByTagName('button')[0].onclick = remove_textbox;
<div id="div1">
  <input name="textbox1">
  <input name="textbox1">
  <button>Remove</button>
</div>

相关文章：