1. ホーム
  2. javascript

[解決済み] プレーンなJavascriptを使用して親要素を削除する方法

2022-02-03 12:34:40

質問

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

行のIDを返します。

のような関数はありますか? remove() または delete() ?

解決方法は?

関数を以下のように変更してください。

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