Heim  >  Artikel  >  Web-Frontend  >  Wie lösche ich den Inhalt eines Divs mit JavaScript?

Wie lösche ich den Inhalt eines Divs mit JavaScript?

DDD
DDDOriginal
2024-11-27 01:34:10331Durchsuche

How to Clear a Div's Content Using JavaScript?

Löschen des Inhalts eines Div in JavaScript

Bei der Arbeit mit interaktiven Webseiten kann es vorkommen, dass Sie den Inhalt eines Divs löschen müssen bestimmtes div-Element als Reaktion auf Benutzeraktionen. Dies kann durch die Verwendung von JavaScript erreicht werden.

Lösung mit nativem JavaScript:

  1. Definieren Sie eine JavaScript-Funktion, um den Inhalt eines Divs basierend auf seiner zu löschen ID:
function clearBox(elementID) {
    document.getElementById(elementID).innerHTML = "";
}
  1. Hängen Sie diese Funktion als Onclick-Ereignishandler an das gewünschte an Schaltfläche:
<button onclick="clearBox('cart_item')">Clear Cart</button>

Lösung mit jQuery (als Referenz):

Wenn Sie lieber mit jQuery arbeiten, können Sie den Inhalt eines Div als löschen folgt:

$("#cart_item").html("");

Ersetzen Sie einfach den „cart_item“-Selektor durch die ID des gewünschten Div klar.

Das obige ist der detaillierte Inhalt vonWie lösche ich den Inhalt eines Divs mit 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