PHELOXは、初心者から専門家まで、操作例を含む包括的で無料のJavaScriptトレーニングシステムを提供します。
JavaスクリプトはHTMLコンテンツを変更できます
多くのJavaScriptHTMLメソッドの1つは、
getElementById（）です。以下の例では、HTML要素（id = "demo"を使用）を「検索」し、要素のコンテンツ（innerHTML）を「HelloJavaScript」に変更します。
例1：
document.getElementById（ "demo"）。innerHTML = "Hello JavaScript"; JavaScriptは、二重引用符と一重引用符の両方を受け入れます。
例2：
document.getElementById（'demo'）。innerHTML ='Hello JavaScript'; JavaScriptはHTML属性値を変更できます
この例では、JavaScriptは
< img >タグのsrc（ソース）属性の値を変更します。
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>