Heim >Web-Frontend >js-Tutorial >Wie füge ich mit AJAX Text an ein DIV-Element hinzu?

Wie füge ich mit AJAX Text an ein DIV-Element hinzu?

DDD
DDDOriginal
2024-11-15 10:55:02783Durchsuche

How to Append Text to a DIV Element with AJAX?

Text an ein DIV-Element mit AJAX anhängen

Bei der Verwendung von AJAX zum dynamischen Füllen eines DIV-Elements mit Daten aus JavaScript kommt es häufig zu Problemen um neue Daten anzuhängen, ohne vorhandene Inhalte zu verlieren. Um dies zu erreichen, führen Sie die folgenden Schritte aus:

  1. Identifizieren Sie das DIV-Element: Verwenden Sie document.getElementById('divID'), um das DIV mit der angegebenen ID abzurufen.
  2. Neuen Inhalt anhängen: Verwenden Sie die innerHTML-Eigenschaft, um dem DIV Text hinzuzufügen. Um neuen Inhalt anzuhängen, ohne vorhandenen Text zu überschreiben, verwenden Sie den =-Operator:
var div = document.getElementById('divID');

div.innerHTML += 'Extra stuff';

Dieser Code hängt den Text „Extra stuff“ an den vorhandenen Inhalt des DIV mit der ID „divID“ an. Die innerHTML-Eigenschaft kann bei Bedarf auch zum Ersetzen vorhandener Inhalte verwendet werden.

Das obige ist der detaillierte Inhalt vonWie füge ich mit AJAX Text an ein DIV-Element hinzu?. 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