Как удалить родительский элемент, используя простой Javascript

Как удалить родительский элемент и все соответствующие узлы, используя простой JavaScript? Я не использую jQuery или любую другую библиотеку. Другими словами, у меня есть элемент, и когда пользователь нажимает на него, я хочу удалить родительский элемент родительского элемента (а также соответствующие дочерние узлы).

<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>    

Теперь

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

удалит только последний <td>.

Как мне удалить <tr> напрямую>?

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

возвращает идентификатор строки ...

Есть ли какая-либо функция, подобная remove() или delete()?

35
задан Brian Tompsett - 汤莱恩 26 August 2019 в 22:50
поделиться