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
coldplay.xixiOriginal
2021-04-09 15:08:118199Durchsuche

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>

Löschen Sie das gesamte 25edfb22a4f469ecb59f1190150159c6-Tag.

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

Löschen Sie das 3499910bf9dac5ae3c52d5ede7383485-Tag im gesamten 25edfb22a4f469ecb59f1190150159c6. 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]);

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!

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