JavaScript Introduction

このページには、JavaScript ができるいくつかの例が含まれています

JavaScript は HTML コンテンツを変更できます

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

この例では、メソッドを使用して（id="demo" の）HTML 要素を「検索」し、要素のコンテンツ（innerHTML）を "Hello JavaScript" に変更します：

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

次の例では、<img> タグの src（source）属性を変更して HTML 画像を変更します：

HTML 要素のスタイル変更は、HTML 属性変更の 1 つのバリエーションです：

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

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

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

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

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