Heim > Web-Frontend > js-Tutorial > So löschen Sie das div-Tag in Javascript

So löschen Sie das div-Tag in Javascript

coldplay.xixi
Freigeben: 2023-01-04 09:35:43
Original
8163 Leute haben es durchsucht

So löschen Sie div-Tags in JavaScript: Verwenden Sie die Methode [removeChild()], um einen Knoten aus der Liste der untergeordneten Knoten zu löschen. Der Code lautet [_li.parentNode.removeChild(_li)].

So löschen Sie das div-Tag in Javascript

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, DELL G3-Computer.

Javascript-Methode zum Löschen von div-Tags:

childNodes: Gibt eine NodeList zurück, die alle Arten von untergeordneten Knoten des ausgewählten Knotens enthält. (Hinweis: Elemente in Leerzeichen werden als Text betrachtet, und Text wird auch als Knoten-#Text betrachtet)

removeChild(): Diese Methode kann einen Knoten aus der Liste der untergeordneten Knoten löschen. Wenn der Löschvorgang erfolgreich ist, kann diese Methode den gelöschten Knoten zurückgeben. Wenn der Löschvorgang fehlschlägt, gibt sie NULL zurück.

Beispiel:

                             <li id="_li">
                                    <a href="#">
                                        <h4 align="center">hh</h4>
                                    </a>
                                    <div class="xx">
                                        <div id="a">
                                            <p>姓名:</p>
                                            <p>年龄:</p>
                                        </div>
                                    </div>
                                </li>
Nach dem Login kopieren

Löschen Sie das gesamte

  • -Tag.

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

    Löschen Sie das -Tag im gesamten

  • . Ich persönlich bin der Meinung, dass dieses childNodes-Attribut nicht einfach zu verwenden ist viele verschiedene Tags

                                 var _li=document.getElementById("_li");
                                _li.removeChild(_li.childNodes[1]);
    Nach dem Login kopieren

    Verwandte kostenlose Lernempfehlungen: Javascript-Video-Tutorial

    Das obige ist der detaillierte Inhalt vonSo löschen Sie das div-Tag in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

  • Verwandte Etiketten:
    Quelle:php.cn
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage