ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptでdivタグを削除する方法

JavaScriptでdivタグを削除する方法

coldplay.xixi
リリース: 2023-01-04 09:35:43
オリジナル
8170 人が閲覧しました

JavaScript で div タグを削除する方法: [removeChild()] メソッドを使用して、子ノード リストからノードを削除します。コードは [_li.parentNode.removeChild(_li)] です。

JavaScriptでdivタグを削除する方法

このチュートリアルの動作環境: Windows 7 システム、JavaScript バージョン 1.8.5、DELL G3 コンピューター。

div タグを削除する Javascript メソッド:

childNodes: 選択したノードのすべてのタイプの子ノードを含む NodeList を返します。 (注: スペース内の要素はテキストとみなされ、テキストもノード #text とみなされます)

removeChild(): メソッドは、子ノード リストからノードを削除できます。削除が成功した場合、このメソッドは削除されたノードを返すことができ、失敗した場合は NULL を返します。

例:

                             <li id="_li">
                                    <a href="#">
                                        <h4 align="center">hh</h4>
                                    </a>
                                    <div class="xx">
                                        <div id="a">
                                            <p>姓名:</p>
                                            <p>年龄:</p>
                                        </div>
                                    </div>
                                </li>
ログイン後にコピー

  • タグ全体を削除します

                                 var _li=document.getElementById("_li");
                                _li.parentNode.removeChild(_li);//删除整个li
    ログイン後にコピー

  • 内の タグ全体を削除します。個人的には、この childNodes 属性。さまざまなタグが多すぎるため、これを使用してください。

                                 var _li=document.getElementById("_li");
                                _li.removeChild(_li.childNodes[1]);
    ログイン後にコピー

    関連する無料学習の推奨事項: JavaScript ビデオ チュートリアル

    以上がJavaScriptでdivタグを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

  • 関連ラベル:
    ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    最新の問題
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート