Comment faire pour supprimer l'élément parent à l'aide de la plaine de javascript..!

Comment faire pour supprimer l'élément parent et tous les nœuds à l'aide de la plaine du JavaScript? Je ne suis pas à l'aide de jQuery ou de toute autre bibliothèque.
En d'autres termes, j'ai un élément et lorsque l'utilisateur clique dessus, je veux supprimer le parent de l'élément parent (ainsi que les enfants respectifs des nœuds).

<table id='table'>
    <tr id='id'>
        <td>
            Mohit
        </td>   
        <td>
            23
        </td>   
        <td >
        <span onClick="edit(this)">Edit</span>/<span onClick="delete_row(this)">Delete</span>
        </td>   
        <td style="display:none;">
            <span onClick="save(this)">Save</span>
        </td>   
    </tr>   
</table>

Maintenant,

function delete_row(e)
{
    e.parentNode.parentNode.removeChild(e.parentNode);
}

Ne supprimer que la dernière <td>.

Comment puis-je supprimer le <tr> directement>?

e.parentNode.parentNode.getAttribute('id')

retourne l'id de la ligne...

Est-il fonction comme remove() ou delete() ?

InformationsquelleAutor Mohit Jain | 2010-04-28
  1. 35

    Changer votre fonction comme ceci:

    function delete_row(e)
{
    e.parentNode.parentNode.parentNode.removeChild(e.parentNode.parentNode);
}
    InformationsquelleAutor Jakob Kruse
  2. 14
    node.parentNode.parentNode.removeChild(node.parentNode)

    Modifier: Vous devez supprimer parent de parent, il faut donc ajouter un de plus .parentNode

    node.parentNode.parentNode.parentNode.removeChild(node.parentNode.parentNode)
    InformationsquelleAutor YOU
  3. 6

    Ou pour ceux qui aiment un one-liner

    <button onClick="this.parentNode.parentNode.removeChild(this.parentNode);">Delete me</button>
    InformationsquelleAutor sidonaldson
  4. 2

    Je sais c'est un peu trop tard, mais quelqu'un d'autre pourrait trouver utile.

    Juste écrit une fonction pour cela.

    Changer cela:

    onClick="delete_row(this)"

    À ceci:

    onClick="removeParents(this, document.getElementById('id'))"
    function removeParents(e, root) {
    root = root ? root : document.body;
    var p = e.parentNode;
    while(root != p){
        e = p;
        p = e.parentNode;
    }
    root.removeChild(e);
}

    http://jsfiddle.net/emg0xcre/

    InformationsquelleAutor RoboTamer
  5. 1

    Fonction Simple de le faire avec ES6:

    const removeImgWrap = () => {
    const wrappedImgs = [...document.querySelectorAll('p img')];
    wrappedImgs.forEach(w => w.parentElement.style.marginBottom = 0);
};
    InformationsquelleAutor JohnRobertPett
  6. 1

    Vous pouvez maintenant utiliser node.remove() pour supprimer l'élément entier
    donc dans votre cas vous feriez 

    function delete_row(e) {
    e.parentElement.remove();
}

    Vous pouvez en lire plus sur le sujet ici
    https://developer.mozilla.org/en-US/docs/Web/API/ChildNode/remove

    • nice, beaucoup plus élégant que les autres réponses
    InformationsquelleAutor Syed Shamikh Shabbir