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

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

coldplay.xixi
coldplay.xixiオリジナル
2021-04-09 15:08:118171ブラウズ

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>

25edfb22a4f469ecb59f1190150159c6 タグ全体を削除します

                             var _li=document.getElementById("_li");
                            _li.parentNode.removeChild(_li);//删除整个li

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

                             var _li=document.getElementById("_li");
                            _li.removeChild(_li.childNodes[1]);

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。