Changer la class d'un oject en Javascript
Résolu
Carole
-
Utilisateur anonyme -
Utilisateur anonyme -
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!!
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!!
2 réponses
-
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 . -
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
