Comment supprimer toutes les CLASS CSS d'une balise HTML ?

Réponses rédigées par Antoine

Dernière mise à jour : 2021-04-02 17:09:10

Question

Comment faire pour supprimer toutes les CLASS CSS d'une balise HTML, sans connaitre le nom des CLASS ?

Réponse

Si vous voulez supprimer toutes les CLASS CSS d'une balise HTML, sans connaitre le nom des CLASS, vous pouvez utiliser la propriété JavaScript className.

Il suffit d'identifier l'élément HTML concerné ; en utilisant à titre d'exemple un ID et document.getElementById.

Ensuite vous déclarer une valeur vide en utilisant className = "".

Voici un exemple :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Comment supprimer toutes les CLASS CSS d'une balise HTML ?</title>
<style> 
.taille { 
font-size: 20px;
} 
.vert { 
color: green;
} 
</style> 
</head>
<body>
<p class="taille vert" id="01">Supprimer toutes les CLASS en JS</p>        
<script>   
var test = document.getElementById("01"); 
test.className = "";
</script>
</body>
</html>