JavaScript 入門

この章では、JavaScriptの能力を示す一部の例を提供します。

JavaScriptはHTML内容を変更できます

getElementById() これはJavaScriptの多くのHTMLメソッドのうちの1つです。

この例では、该方法を使用してid="demo"のHTML要素を「探し出し」、要素の内容（innerHTML）を"Hello JavaScript"に変更してください：

インスタンス

document.getElementById("demo").innerHTML = "Hello JavaScript";

自分で試してみる

ヒント：JavaScriptはダブルクォートとシングルクォートを同時に受け入れます：

インスタンス

document.getElementById("demo").innerHTML = 'Hello JavaScript';

自分で試してみる

JavaScriptはHTML属性を変更できます

この例では、変更を通じて <img> タグの src 属性（source）を使って HTML イメージを変更する：

電球


自分で試してみる

JavaScript は HTML スタイル (CSS) を変更できます

HTML 要素のスタイルを変更することは、HTML 属性を変更する方法の一種です：

インスタンス

document.getElementById("demo").style.fontSize = "25px";

自分で試してみる

JavaScript は HTML 要素を非表示にできます

変更することで display スタイルを使って HTML 要素を非表示にする：

インスタンス

document.getElementById("demo").style.display="none";

自分で試してみる

JavaScript は HTML 要素を表示できます

変更することで display スタイルを使って非表示の HTML 要素を表示する：

インスタンス

document.getElementById("demo").style.display="block";

自分で試してみる

課外読書

JavaScript 高級チュートリアル： JavaScriptの歴史 、 JavaScript 実装