JAVASCRIPT removeRow() function

Question

Мне хотелось бы знать синтаксис для удаления строки, которая была добавлена ​​appendchild.

Существует также removechild, но я не уверен, как работать.

<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), а затем вызвать метод removeChild над элементом newDiv.

Кроме того, у вас есть два элемента с одинаковым идентификатором: submitlink. И это не хорошо.

Если вы переименуете свой элемент, вы можете добавить слушателя, который вызывает функцию removeRow.

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

(Теперь id является doremove)

Теперь сделать что-то подобное, чтобы сделать функцию removeRow быть выполнены по щелчку:

document.getElementById('doremove').addEventListener('click', function(e) { 
    removeRow(newDiv); 
}); 

Вот пример на jsfiddle: http://jsfiddle.net/5TmQC/

Вы заметите, что удалите o один работает с одним пунктом повестки дня. Вы хотите работать с несколькими программами?

Попробуйте тогда: http://jsfiddle.net/5TmQC/1/

Почти такой же код, но это можно удалить несколько, чтобы с помощью pop()