JavaScript 基本

JavaScriptでHTMLのコンテンツを変更する

JavaScriptの多くのHTMLメソッドの1つにgetElementById()があります。

以下の例では、idが”demo”のHTML要素を”見つけて”、その要素の内容(innerHTML)を”Hello JavaScript”に変更します。


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

JavaScriptはダブルクォートとシングルクォートの両方を受け入れます:


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

JavaScriptでHTMLスタイル(CSS)を変更する

HTML要素のスタイルを変更するには、HTML属性を変更する方法の一つです:


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

JavaScriptでHTML要素を非表示にする

HTML要素を非表示にするには、表示スタイルを変更します:


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

JavaScriptでHTML要素を表示する

非表示にされたHTML要素を表示するには、表示スタイルを変更します:


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

知っていますか?

JavaScriptとJavaはコンセプトとデザインの両面で完全に異なる言語です。

JavaScriptは1995年にBrendan Eichによって発明され、1997年にECMA標準になりました。

ECMA-262が公式な標準の名前です。ECMAScriptが言語の公式名です。