Comment ajouter du texte à un élément `` sans perte de données ?

Ajouter du texte à un <div> Élément sans perte de données

Lors de l'utilisation d'AJAX pour modifier un <div> contenu de l'élément, il est important de s'assurer que les nouvelles données n'écrasent pas le contenu existant. Voici une solution à ce problème :

var div = document.getElementById('divID');
div.innerHTML += 'Extra stuff';

Ce code ajoute un nouveau texte au contenu existant du fichier <div> élément. La propriété innerHTML contient l'intégralité du contenu HTML de l'élément. En utilisant l'opérateur =, nous ajoutons au contenu existant au lieu de le remplacer.

Explication :

La méthode getElementById renvoie une référence à l'attribut <div> élément avec l'ID spécifié ("divID"). La propriété innerHTML contient le contenu HTML dans cet élément.

L'opérateur = ajoute la chaîne "Extra stuff" à la fin de la propriété innerHTML. Cela ajoute efficacement le nouveau texte au contenu existant sans le supprimer.

Exemple :

Considérez un <div> avec l'ID "dataDiv":

<div>

Si nous exécutons le code JavaScript :

var div = document.getElementById('dataDiv');
div.innerHTML += 'New Data';

Le contenu HTML résultant de l'élément <div> element sera :

<div>

Cette approche vous permet de mettre à jour de manière transparente le contenu d'un <div> élément avec de nouvelles données sans perdre aucun contenu existant.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!