PHELOX met à votre disposition un système de formation JavaScript complet et gratuit avec des exemples opérationnels, du débutant au professionnel.
Java Script peut modifier le contenu HTML
L'une des nombreuses méthodes JavaScript HTML est
getElementById().L'exemple ci-dessous "trouve" un élément HTML (avec id="demo") et change le contenu de l'élément (innerHTML) en "Hello JavaScript":
Exemple 1 :
document.getElementById("demo").innerHTML = "Bonjour JavaScript" ;JavaScript accepte les guillemets simples et doubles :
Exemple 2 :
document.getElementById('demo').innerHTML = 'Bonjour JavaScript';JavaScript peut modifier les valeurs des attributs HTML
Dans cet exemple, JavaScript modifie la valeur de l'attribut
src (source) d'une balise <img> :
Download Codes:
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<div style="width:100%;text-align:center">
<img id="_lightblb" src="https://cdn.phelox.com/assets/uploads/pic_bulboff.gif"><br><br>
<input onclick="document.getElementById('_lightblb').src='https://cdn.phelox.com/assets/uploads/pic_bulbon.gif';" type="button" value="Turn on the light">
<input onclick="document.getElementById('_lightblb').src='https://cdn.phelox.com/assets/uploads/pic_bulboff.gif';" type="button" value="Turn off th light">
</div>
</body>
</html>