DOM：ドキュメントオブジェクトモデルドキュメントオブジェクトモデル
ドムカテゴリ：ドムコアと、HTML DOM、CSSのドム;
アクセスノードレベル：
parentNodeはノードの親を返し
のchildNodes子ノードによって返されたが、のchildNodes [I]
のfirstChildは、ノードの最初の子ノードを返し、最も一般的な使用方法は、テキストノードの要素にアクセスすることです
最後の子ノードを返しますlastChildを
次のノードをnextSibling
ノードのpreviousSiblingに
解決ブラウザの互換性の問題：
最初の子ノードのfirstElementChildリターンノードは、最も一般的な使用方法は、要素ノードのテキストにアクセスすることで
の最後の子ノードに戻りlastElementChild
次nextElementSiblingのノード
previousElementSiblingにノードを
oNext = oParent.nextElementSibling：例|| oParent.nextSibling
ノード情報：
nodeNameを：ノード名
のnodeValue：ノード値
のnodeType：ノードタイプ
オペレーションノード：
ノード・プロパティー：
のgetAttribute（「属性名」）
のsetAttribute（「属性名」、「属性値」）
ノードを作成し、挿入する：
はcreateElement（tagNameをが）のtagNameをノードという名前の新しい要素タグを作成
A.appendChild（B）をノードBは、エンドノードに追加され
たノードノードBに挿入する前のinsertBefore（B）
cloneNodeを（深い）指定されたノードをコピーする
ノードを削除して交換する：
のremoveChild（ノード）指定されたノードを削除するため
のreplaceChild（newNodeを他のノードとの置き換えの対象となるAttr oldNodeが）指定された属性
操作ノードパターン：
/ *スタイルプロパティ.style要素* /
関数whtmouseover（）{
//作るHongtao小さなフォントの色、緑
のdocument.getElementById（ "WHT"） = .style.fontSize "15ピクセル"、
。のdocument.getElementById（ "WHT"）style.color = "グリーン";
};
関数whtmouseout（）{
//小さいフォントHongtao緑色する
文書を。getElementByIdを（ "WHT"）style.fontSize = "8px"。
document.getElementById（ "WHT"）style.backgroundColor = "ピンク" ;.
};
/ *値を作成し、スタイルリストでスタイルの前.className .className * /要素と呼ばれる
（）{関数lbmouseoverを
のdocument.getElementById（ " "; LBとはLB "）クラス名を="
};
関数lbmouseout（）{
のdocument.getElementById（" LBはLBOUT "）クラス名を=" ";
};
/ *第三の方法：要素.style.cssText =" CSSプロパティ値"* /
関数llmouseover（）{
のdocument.getElementById（" LL "）色：赤、フォントサイズ：style.cssText =" 10pxの; ";
}
関数llmouseout（）{
のdocument.getElementById（" LL「）。 style.cssText = "色：黒、フォント -size：60PX;"。
}
要素の属性：
offsetLeftは、その親要素の左境界に左余白から現在の要素を返す読み取り専用属性
offsetTopは親要素の境界からの距離に現在の要素の境界線、読み取り専用属性を返します。
要素offsetHeightの高さを返し
offsetWidthは、要素の幅を返し
、すなわち含む参照素子の最近動的ポジショニング、オフセットを返しoffsetParentのコンテナ要素を
scrollTopスプライトの要素に一致する縦のスクロール位置を返し
、水平スクロールバー要素位置の一致を返すscrollLeftを
clientWidth戻り幅素子可視
目立つclientHeightリターン素子
要素の属性が適用されます
document.documentElement.scrollTop;
document.documentElement.scrollLeft;
又は
document.body.scrollTop;
document.body.scrollLeft、
生産固定広告：
VaRのadver、
window.onload機能=（）{
adver =のdocument.getElementById（ "adver"）;
}
// onscroll：トリガスクロールするスクロールバー
window.onscrollを=関数（）{
//スクロールするスクロールバーのサイズを取得
するvar scorlltopを= document.documentElement.scrollTop | | document.body.scrollTop;
= || document.body.scrollLeft document.documentElement.scrollLeft scorllleft VAR;
//変更するスクロールバー要素は沿う
adver.style.top scorlltop = 30 + + "PX";
adver.style.left scorllleft = 10 + +「PX 「;
}