Comment ajouter du texte à un élément Div à l'aide de JavaScript sans perdre les données existantes ?

Ajout de texte à un élément div sans perte de données

Lors de l'utilisation d'AJAX pour ajouter des données à un élément <div> élément rempli via JavaScript, la préservation des données existantes peut être cruciale. Cet article explore une méthode pour y parvenir sans perte de données.

Solution :

Pour ajouter de nouvelles données à un fichier <div> sans perdre le contenu existant, suivez ces étapes :

1. Identifiez l'élément <div> élément en utilisant son attribut id :

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

2. Utilisez l'opérateur = pour ajouter les nouvelles données au contenu HTML existant dans le div :

div.innerHTML += 'Extra stuff';

Exemple :

Considérez le HTML suivant structure :

<div>

Si vous souhaitez ajouter "Nouvelles données" à ce <div> sans supprimer le contenu existant, vous pouvez utiliser le code JavaScript suivant :

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

Après avoir exécuté ce code JavaScript, le <div> contiendra le contenu suivant :

<div>

En utilisant l'opérateur =, vous pouvez ajouter de manière transparente de nouvelles données à un fichier <div> élément tout en préservant son 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!