Question

我想知道删除由appendchild添加的行的语法。

还有一个删除子，但我不确定如何操作。

<input type="button" id='submitlink' value="ADD_AGENDA" onClick="generateRowAgenda()" name="AGENDA"/>
<input type="button" id='submitlink' value="" onClick="removeRow()" name="AGENDA"/>

<script language="">
function generateRowAgenda() {

    var temp ="<p><input type='text' class='textinputagenda' name='MM_AGENDA[]'></p>";
    var newdiv = document.createElement('AGENDA');
    newdiv.innerHTML = temp;
    var yourDiv = document.getElementById('AGENDA');
    yourDiv.appendChild(newdiv);
}

function removeRow(){
  yourDiv.appendChild.deleteRow(newdiv);
}



</script>

<br>
<div id="AGENDA" align="center"></div>

Answer 1

那将是：

function removeRow(element){
   element.parentNode.removeChild(element);
}
removeRow(newDiv);

也就是说，removeChild方法实际上属于元素的父，因此您需要先引用父元素（使用parentNode），然后调用方法{ {1}} removeChild元素。

此外，您有两个具有相同ID的元素：newDiv。这并不好。

如果重命名元素，可以添加一个调用submitlink函数的侦听器。

removeRow

（现在<input type="button" id='doremove' value="" onClick="removeRow()" name="AGENDA"/>是id）

现在执行类似的操作，以便在点击时执行doremove功能：

removeRow

以下是关于jsfiddle的示例：http://jsfiddle.net/5TmQC/

您会注意到删除仅适用于一个议程项目。你想与几个议程合作吗？

然后尝试：http://jsfiddle.net/5TmQC/1/

几乎相同的代码，但是这个代码可以使用document.getElementById('doremove').addEventListener('click', function(e) { removeRow(newDiv); });

按顺序删除几个代码

JAVASCRIPT removeRow（）函数

1 个答案: