TECH I.S.

JavaScript はじめに

このページには、JavaScriptでできることの例がいくつかあります。

JavaScript HTMLコンテンツを変更

多くのJavaScript - HTMLメソッドの1つがgetElementById()です。

以下の例では、HTML要素(id="demo"を使用)を「検索」し、要素のコンテンツ(innerHTML)を「Hello JavaScript」に変更します。

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

JavaScriptは、ダブルクウォート(二重引用符)とシングルクウォート(単一引用符)の両方を使用できます。
注意:どちらを使用するかは好みやコーディング規約に依存します。ただし、一貫性を保つために、あるプロジェクトやチームでどちらか一方を選択することが一般的です。

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


JavaScript HTML属性値を変更

この例では、JavaScriptは<img>タグのsrc(source)属性の値を変更します。

電球


JavaScript HTMLのスタイル(CSS)を変更

HTML要素のスタイルの変更は、HTML属性の変更の一種です。

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


JavaScript HTML要素を隠す

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

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


JavaScript HTML要素を表示

displayスタイルを変更して、非表示のHTML要素を表示することもできます。

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

知っていますか?

JavaScriptとJavaはコンセプトとデザインの両方で、まったく異なる言語です。

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

ECMA-262は標準の正式名称です。ECMAScriptは言語の正式名称です。



プログラミング学習を加速させる

プログラミングをプロの講師に教えてもらいませんか。

テックアイエスのプログラミングスクールは初心者も大歓迎です。年齢制限もありません。転職・副業に強く、挫折させない手厚いサポートで稼ぐ力を身につけましょう!

スクールの詳細