PHELOX предоставляет вам полную и бесплатную систему обучения JavaScript с рабочими примерами, от новичка до профессионала.
Сценарий Java может изменять содержимое HTML
Одним из многих HTML-методов JavaScript является
getElementById().В приведенном ниже примере "находит" элемент HTML (с id="demo") и изменяет содержимое элемента (innerHTML) на "Hello JavaScript":
Пример 1:
document.getElementById("demo").innerHTML = "Привет, JavaScript";JavaScript принимает как двойные, так и одинарные кавычки:
Пример 2:
document.getElementById('demo').innerHTML = 'Привет, JavaScript';JavaScript может изменять значения атрибутов HTML
В этом примере JavaScript изменяет значение атрибута
src (источник) тега <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>