Wie füge ich mit JavaScript Text an ein Div-Element hinzu, ohne vorhandene Daten zu verlieren?

Text ohne Datenverlust an ein div-Element anhängen

Bei Verwendung von AJAX zum Anhängen von Daten an ein <div> Element, das über JavaScript gefüllt wird, kann die Beibehaltung vorhandener Daten von entscheidender Bedeutung sein. In diesem Artikel wird eine Methode untersucht, um dies ohne Datenverlust zu erreichen.

Lösung:

Um neue Daten an eine <div> Führen Sie die folgenden Schritte aus, ohne den vorhandenen Inhalt zu verlieren:

1. Identifizieren Sie das <div> Element mithilfe seines ID-Attributs:

var div = document.getElementById('divID');

2. Verwenden Sie den =-Operator, um die neuen Daten an den vorhandenen HTML-Inhalt innerhalb des div anzuhängen:

div.innerHTML += 'Extra stuff';

Beispiel:

Bedenken Sie die folgende HTML-Struktur:

<div>

Wenn Sie „Neue Daten“ an dieses <div> anhängen möchten Ohne den vorhandenen Inhalt zu entfernen, können Sie den folgenden JavaScript-Code verwenden:

var div = document.getElementById('myDiv');
div.innerHTML += 'New data';

Nach der Ausführung dieses JavaScript-Codes wird das <div> wird den folgenden Inhalt enthalten:

<div>

Durch die Verwendung des =-Operators können Sie neue Daten nahtlos an ein <div> anhängen. Element unter Beibehaltung seines vorhandenen Inhalts.

Das obige ist der detaillierte Inhalt vonWie füge ich mit JavaScript Text an ein Div-Element hinzu, ohne vorhandene Daten zu verlieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!