Bonjour,
Je souhaite créer un bouton en JavaScript qui, lorsqu'on dessus, change le css de la page par un css "alternatif". Cependant lorsque je clique sur le bouton, rien de se passe. Je suis donc venu demander votre aider. Voici les codes :
Page Html:
<html>
<head>
<meta charset="utf-8" />
<title>Test 2</title>
<link rel="stylesheet" type="text/css" href="test 2.css" id="mycss">
<script type="test/javascript">
fonction switchStyle(style){
document.getElementById("mycss" ).setAttribute("href", style);
}
</script>
</head>
<body>
<h1> Bonjour ! <h1>
<button onclick="switchStyle('test 2 bis.css')">Clic !</button>
</body>
</html>
Page CSS "par défault" :
h1
{
color: blue;
font-family: Courier New;
text-align: center
}
Page alternative du CSS :
h1
{
color: red;
font-family: Courier New;
text-align: left
}
Merci de votre aide