Heim > Web-Frontend > js-Tutorial > Hauptteil

So entfernen Sie HTML-Tags in js

醉折花枝作酒筹
Freigeben: 2023-01-05 16:11:00
Original
7405 Leute haben es durchsucht

So entfernen Sie HTML-Tags mit JavaScript: Verwenden Sie zuerst die Anweisung „document.getElementById(id value)“, um das angegebene HTML-Tag-Objekt basierend auf dem ID-Wert abzurufen. Verwenden Sie dann die Methode „remove()“, um das Tag zu löschen Das Format ist „tag object.remove“ ()“.

So entfernen Sie HTML-Tags in js

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

Erstellen Sie eine neue HTML-Datei mit dem Namen test.html, um zu erklären, wie Sie mit js HTML-Tags löschen.

So entfernen Sie HTML-Tags in js

Verwenden Sie in der Datei test.html das p-Tag, um mehrere Textabsätze zu erstellen, und legen Sie das ID-Attribut jedes p-Tags fest, das im Folgenden hauptsächlich verwendet wird, um mit js das entsprechende p-Tag-Objekt abzurufen.

So entfernen Sie HTML-Tags in js

In der Datei test.html verwenden Sie das Button-Tag, um eine Schaltfläche „HTML löschen“ zu erstellen.

So entfernen Sie HTML-Tags in js

Binden Sie in der Datei test.html das Ereignis onclick an die Schaltfläche. Führen Sie beim Klicken auf die Schaltfläche die Funktion delhtml() aus.

So entfernen Sie HTML-Tags in js

Erstellen Sie in der Datei test.html im js-Tag die Funktion delhtml() und löschen Sie das angegebene p-Tag innerhalb der Funktion.

So entfernen Sie HTML-Tags in js

Erhalten Sie in der Funktion myfun() das p-Tag-Objekt über die Methode getElementById() und löschen Sie den HTML-Code mit der Methode remove(). Löschen Sie hier beispielsweise das p-Tag mit der ID p3.

So entfernen Sie HTML-Tags in js

Öffnen Sie die Datei test.html im Browser und klicken Sie auf die Schaltfläche, um den Effekt zu sehen.

So entfernen Sie HTML-Tags in js

So entfernen Sie HTML-Tags in js

【Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene

Das obige ist der detaillierte Inhalt vonSo entfernen Sie HTML-Tags in js. 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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!