Maison > interface Web > tutoriel CSS > Comment effacer le contenu d'un DIV à l'aide de JavaScript ?

Comment effacer le contenu d'un DIV à l'aide de JavaScript ?

Susan Sarandon
Libérer: 2024-12-19 10:44:16
original
268 Les gens l'ont consulté

How Do I Clear a DIV's Content Using JavaScript?

Effacer le contenu d'un DIV avec JavaScript

Dans de nombreuses pages Web, il existe des cas où vous souhaitez effacer le contenu d'un élément spécifique , comme un DIV. Voici comment y parvenir :

Pour effacer le contenu d'un DIV à l'aide de JavaScript, vous pouvez utiliser la propriété innerHTML. Voici comment :

function clearBox(elementID) {
  document.getElementById(elementID).innerHTML = "";
}
Copier après la connexion

Cette fonction reçoit l'ID du DIV que vous souhaitez effacer et définit sa propriété innerHTML sur une chaîne vide, effaçant ainsi son contenu.

Pour utiliser cette fonction, ajoutez un écouteur d'événement au bouton sur lequel vous souhaitez contrôler l'effacement DIV. Par exemple :

<button onclick="clearBox('my_div')">Clear</button>
Copier après la connexion

Lorsque le bouton "Effacer" est cliqué, la fonction clearBox() sera invoquée et le DIV avec l'ID "my_div" verra son contenu effacé .

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal