Heim > Web-Frontend > js-Tutorial > So löschen Sie Knoten in Javascript

So löschen Sie Knoten in Javascript

青灯夜游
Freigeben: 2023-01-04 09:33:54
Original
12313 Leute haben es durchsucht

So löschen Sie Knoten in JavaScript: 1. Verwenden Sie die Methode „remove()“, mit der alle Elemente auf dem übergeordneten Knoten gelöscht werden können, einschließlich aller Text- und untergeordneten Knoten. 2. Verwenden Sie die Methode „removeChild()“. Wird verwendet, um einen untergeordneten Knoten auf dem übergeordneten Knoten zu löschen.

So löschen Sie Knoten in Javascript

Die Betriebsumgebung dieses Tutorials: Windows 7-System, ECMAScript Version 5, Dell G3-Computer.

In JavaScript können Sie die Methode „removeChild()“ oder „remove()“ verwenden, um Knoten zu löschen.

1. Verwenden Sie „removeChild()“, um einen Knoten zu löschen. Die Methode „

removeChild()“ löscht einen angegebenen untergeordneten Knoten des angegebenen Elements. Gibt den gelöschten Knoten als Node-Objekt zurück oder null, wenn der Knoten nicht vorhanden ist.

Syntax

node.removeChild(node)
Nach dem Login kopieren
  • Knoten: erforderlich. Das Knotenobjekt, das Sie löschen möchten. ?? Methode kann sein Wird verwendet, um alle Elemente auf dem übergeordneten Knoten zu löschen, einschließlich aller Text- und untergeordneten Knoten.

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    </head>
    <body>
    
    <ul id="myList"><li>Coffee</li><li>Tea</li><li>Milk</li></ul>
    <p id="demo">单击按钮移除列表的第一项</p>
    <button onclick="myFunction()">点我</button>
    <script>
    function myFunction(){
    	var list=document.getElementById("myList");
    	list.removeChild(list.childNodes[0]);
    }
    </script>
    
    </body>
    </html>
    Nach dem Login kopieren
    Rendering:


    Weitere Programmierkenntnisse finden Sie unter:

    ProgrammiervideoSo löschen Sie Knoten in Javascript! !

    Das obige ist der detaillierte Inhalt vonSo löschen Sie Knoten 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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage