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!!
A voir également:
- Changer la class d'un oject en Javascript
- Changer dns - Guide
- Changer clavier qwerty en azerty - Guide
- Changer carte graphique - Guide
- Changer extension fichier - Guide
- Changer wifi chromecast - Guide
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 .
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 .
Merci!!!!