Heim  >  Artikel  >  Web-Frontend  >  So entfernen Sie HTML-Tags in js

So entfernen Sie HTML-Tags in js

藏色散人
藏色散人Original
2021-04-01 11:39:174301Durchsuche

So entfernen Sie das HTML-Tag in js: Erstellen Sie zuerst eine neue HTML-Datei. Verwenden Sie dann das Tag p, um mehrere Textabsätze zu erstellen. Erstellen Sie dann die Schaltfläche „HTML löschen“. Funktion und implementieren Sie die angegebene Funktion. Löschen Sie einfach das p-Tag.

So entfernen Sie HTML-Tags in js

Die Betriebsumgebung dieses Artikels: Windows 7-System, Javascript 1.8.5 und HTML5-Version, 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

Verwenden Sie in der Datei test.html 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

Empfohlenes Lernen: „HTML-Video-Tutorial“ „js-Basisvideo

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!

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