PHELOX ti offre un sistema di formazione JavaScript completo e gratuito con esempi operativi, dal principiante al professionista.
Gli script Java possono modificare il contenuto HTML
Uno dei tanti metodi HTML JavaScript è
getElementById().L'esempio seguente "trova" un elemento HTML (con id="demo") e cambia il contenuto dell'elemento (innerHTML) in "Hello JavaScript":
Esempio 1:
document.getElementById("demo").innerHTML = "Ciao JavaScript";JavaScript accetta sia virgolette doppie che singole:
Esempio 2:
document.getElementById('demo').innerHTML = 'Ciao JavaScript';JavaScript può modificare i valori degli attributi HTML
In questo esempio JavaScript cambia il valore dell'attributo
src (source) di un tag <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>