第二節HTML DOM方法

方法はノード(HTML要素)で実行できる動作です.
プログラミングインターフェース
HTML DOMは、JavaScript(および他のプログラミング言語)を通じてアクセスできます.
すべてのHTML要素はオブジェクトとして定義されていますが、プログラムインターフェースはオブジェクトメソッドとオブジェクト属性です.
メソッドは、要素の追加や変更などの動作です.
属性は、ノードの名前やコンテンツなど、取得または設定できる値です.
getElemenntById()方法
getElementById()方法は、指定されたIDを持つ要素を返す.
例

var element=document.getElementById("intro");

自分で試してみる
HTML DOMオブジェクト-メソッドと属性
いくつかの一般的なHTML DOM方法:

getElementById(id)−指定されたIDを持つノード(要素)

を取得する.

apped(node)-新しいサブノード(要素)を挿入する

RemoveChild(node)−サブノードを削除する

いくつかの一般的なHTML DOM属性:

innerHTML-ノード(要素)のテキスト値

parent Nodeノードの親ノード

childNodesノード(要素)のサブノード

atributesノード(要素)の属性ノード

本教程の次の章でより多くの属性に関する知識を学ぶことになります.
現実生活の対象
ある人は対象です.
人の方法はeat()、sleep()、work()、プレイ()などかもしれません.
すべての人はこれらの方法を持っていますが、時間によってそれらを実行します.
属性は名前、身長、体重、年齢、性別などです.
すべての人にはこれらの属性がありますが、その値は人によって違います.
いくつかのDOMオブジェクトの方法
ここでは本教程で教学される常用方法を提供します.
方法
説明
getElemenntById()
指定されたIDを持つ要素を返します.
getElements ByTagName()
指定されたラベル名を含むすべての要素を含むノードリスト(セット/ノード配列)を返します.
getElements ByClass Name()
クラス名を指定するすべての要素を含むノードリストを返します.
apped Child()
新しいサブノードを指定ノードに追加します.
removeChild()
サブノードを削除します
replacceChild()
サブノードを置換します
insertBefore()
指定されたサブノードの前に新しいサブノードを挿入します.
createAttribute()
属性ノードを作成します.
createElement()
要素ノードを作成します.
createText Node()
テキストノードを作成します.
get Attribute()
指定した属性値を返します.
set Attribute()
指定された属性の設定または指定された値に変更します.

<div 
style="
background-color:#8AB83D;
width:160px;height:60px;
margin:20px;padding-top:20px;
color:#ffffff;
font-weight:bold;font-size:14px;
float:left;
text-align:center;" 
onmouseover="this.innerHTML='Thank You'" 
onmouseout="this.innerHTML='Mouse Over Me'">
Mouse Over Me
</div>