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が言語の公式名です。