Changer la class d'un oject en Javascript

Résolu/Fermé
Carole - 9 sept. 2005 à 11:21
 Utilisateur anonyme - 13 déc. 2014 à 00:16
Bonjour,

Lorsque je clique sur un objet html de type button je souhaiterai lancer un focntion javascript qui permettrait de modifier la classe de mon button.

Je voudrai faire qqchose de ce genre mais le .class n'est pas bon:

<input type="button" class="buttonactif" name="Calculer" value="Calculer" onclick="changer_class()" >

<script>
function changer_class()
{
document.all("Calculer").class = "boutoninactif";
}
</script>

Merci d'avance!!
A voir également:

2 réponses

SebastienL Messages postés 11 Date d'inscription jeudi 8 septembre 2005 Statut Membre Dernière intervention 21 septembre 2005 65
9 sept. 2005 à 12:09
Voilà, je sais c'est bisard mais en javascript se n'est pas .class mais .className (avec N,parce que sinon sa ne va pas).
Voilà un petit exemple :
<html>
<head>
<style>
.buttonType1 {
color : green;
}
.buttonType2 {
color : red;
}
</style>
<script language="javascript">
function change_class() {
var btn = document.getElementById("btnTest");
btn.className= "buttonType2";
}
</script>
</head>
<body>
<form>
<input type="button" value="Test" class="buttonType1" onclick="change_class()" id="btnTest">
</form>
</body>
</html>

bonne chance pour la suite .
64
C'est tout bête!!!

Merci!!!!
0
Mille Merci ^^
0
Merci
0
Merci, cela est bien utile
0
Maxbester Messages postés 42 Date d'inscription samedi 14 novembre 2009 Statut Membre Dernière intervention 24 décembre 2021 17
18 sept. 2012 à 15:07
Et s'il y a plusieurs classes ?
0
Utilisateur anonyme
13 déc. 2014 à 00:16
En fait ... pour la petite histoire ... on n'utilise pas "class" car le mot est réservé en javaScript. Du coup pour éviter tout conflit, on doit utiliser className
4