このページでは、JavaScriptを使用して行うことができるいくつかの例示を説明します。 この記事は、W3SchoolsのJS Tutorialを参照してまとめたものです。 ソースは ここで確認することができます。
JavaScriptでHTMLコンテンツを変更することができます(JavaScript Can Change HTML Content)
多くのJavaScript HTMLメソッドのいずれかが getElementById()입니다。
下の例では、id = "demo"のHTML要素を探し要素のコンテンツ(innerHTML)を「こんにちはJavaScript」に変更します。
document.getElementById("demo").innerHTML = "안녕 JavaScript";
例:
JavaScriptは、単一引用符( ')と二重引用符( ")の両方を可能にします。
document.getElementById('demo').innerHTML = '안녕 JavaScript';
JavaScriptでHTML属性の値を変更することができます(JavaScript Can Change HTML Attribute Values)
この例JavaScriptは タグの SRC (ソース)属性の値を変更します。
JavaScriptは、HTMLスタイル(CSS)を変更することができます(JavaScript Can Change HTML Styles(CSS))
HTML要素のスタイルを変更することは、HTML属性を変更と同様です。
document.getElementById("demo").style.fontSize = "35px";
例:
JavaScriptはHTML要素を非表示にすることができます(JavaScript Can Hide HTML Elements)
ディスプレイ スタイルを変更して、HTML要素を非表示にすることができます。
document.getElementById("demo").style.display = "none";
JavaScriptはHTML要素を表示することができます(JavaScript Can Show HTML Elements)
ディスプレイ スタイルを変更して、HTML要素を表示することもできます。
document.getElementById("demo").style.display = "block";
ご存知?
- JavaScriptとJavaは完全に別の言語です。
- JavaScriptのは1995年Brendan Eichによって開発され、1997年にECMA標準になりました。
- ECMA-262がこの標準の正式名称です。
- ECMAScriptがこの言語の正式名称です。