JavaScript基礎トレーニング

JavaScriptオブジェクト

HTML DOMメソッドはHTML要素に対して実行できる操作。

HTML DOM属性は設定または変更可能なHTML要素の値。

JavaScript（他のプログラミング言語とともに）を使用してHTML DOMにアクセスできます。

DOMでは、すべてのHTML要素は以下のように定義されますobjects。

プログラミングインターフェースは各オブジェクトの属性とメソッドです。

一つ属性これは値であり、取得または設定（例えばHTML要素の内容を変更）することができます。

一つメソッドそれはあなたが行える（HTML要素の追加や削除など）アクションです。

DOMを使用し始めるには、特別な操作は必要ありません。

このサンプルでは、getElementById()HTML要素（id="para"を持つもの）を検索し、要素内容（innerHTML）を「Hello world」に変更してください：

サンプル

<!DOCTYPE html>
<html>
<p id="para"></p>
<script>
document.getElementById("para").innerHTML = "Hello world";
</script>
</html>

上記の例では、getElementById()はメソッド、innerHTMLではなく属性。

HTML要素にアクセスする最も一般的な方法は、

上記の例では、getElementById()id="para"で要素を検索する方法

要素内容を取得する最も簡単な方法は、innerHTML属性

innerHTML属性は、HTML要素の内容を取得または置き換えるのに非常に役立ちます。

完全な属性とメソッドのリファレンスについては、私たちのJavaScript DOMリファレンス。

参考部分にはすべてのDOM属性とメソッドの説明と例が含まれています。