Hinzufügen Onclick-Ereignis zu Eingabefeld programmatisch in Javascript funktioniert nicht

Question

ich meine Input Feld wie folgt aussehen wollen:

<input type="submit" value="Remove" onclick="deleteRow(this)">

Aber es funktioniert nicht. Ich habe versucht, zu:

Input.onclick = function() { deleteRow(this); };

nicht so gut funktioniert. Meine deleteRow-Funktion sieht so aus:

function deleteRow(o) { 
     var p = o.parentNode.parentNode; 
     p.parentNode.removeChild(p); 
    } 

Irgendwelche Vorschläge, wie es funktioniert?

Answer 1

Sie können eine id zu Ihrem input Feld und fügen Sie die onclick Ereignis, um es hinzuzufügen:

function DeleteRow(o) { 
 
    var p = o.parentNode.parentNode; 
 
    p.parentNode.removeChild(p); 
 
} 
 
document.getElementById("myinput").onclick = function() { 
 
    DeleteRow(this); 
 
};

<input type="submit" id="myinput" value="Remove" onclick="DeleteRow(this)">

Answer 2

versuchen diese. Wenn Sie keinen Zweck der Einreichung haben, ändern type=submit zu type=button

function DeleteRow(o) { 
 
    var p = o.parentNode.parentNode; 
 
    console.log(p); 
 
    p.parentNode.removeChild(p); 
 
}

<div id="one"> 
 
    <div id="two"> 
 
    Goint to be deleted 
 
    <form id="three"> 
 
     <input type="button" value="Remove" onclick="DeleteRow(this)"> 
 
    </form> 
 
    </div> 
 
</div>

aber wenn Sie type=submit halten müssen, denke ich, sollten Sie Ereignisparameter auch wie folgt

<!-- in case you need to use submit, pass event as parameter--> 
<input type="submit" value="Remove" onclick="DeleteRow(this, event)">