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
Susan Sarandonoriginal
2024-12-19 10:44:16325parcourir

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 = "";
}

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>

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!

Déclaration:
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