PHELOX size başlangıç seviyesinden profesyonele kadar operasyonel örnekler içeren kapsamlı ve ücretsiz bir JavaScript eğitim sistemi sunar.
Java Komut Dosyası HTML İçeriğini Değiştirebilir
Birçok JavaScript HTML yönteminden biri
getElementById()'dir.Aşağıdaki örnek, bir HTML öğesini (id="demo" ile) "bulur" ve öğe içeriğini (innerHTML) "Merhaba JavaScript" olarak değiştirir:
Örnek 1:
document.getElementById("demo").innerHTML = "Merhaba JavaScript";JavaScript hem çift hem de tek tırnak kabul eder:
Örnek 2:
document.getElementById('demo').innerHTML = 'Merhaba JavaScript';JavaScript, HTML Özellik Değerlerini Değiştirebilir
Bu örnekte JavaScript, bir
<img> etiketinin src (kaynak) özniteliğinin değerini değiştirir:
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>