DOM学習ノート(3)

HTMLドキュメントの変更
HTML 5はHTML Documentを拡張し、DOM拡張と同様に、多くのブラウザで完璧にサポートされている独自の拡張に基づいて、新しい機能を追加しました.そのため、これらの拡張子が標準に書き込まれる時間は相対的に長くありませんが、多くのブラウザではすでにこれらの機能がサポートされています.
readyStateプロパティ
DocumentのreadyStateプロパティにはloadingとcompleteの2つの値があり、最も適切な方法は、ドキュメントのロードが完了したことを示すインジケータを実現することです.このプロパティが広くサポートされる前に、ドキュメントのロードが完了したことをonloadイベント処理メカニズムで決定するのが一般的です.

if(document.readyState=="complete"){
    //do someThing
}

私たちは前にも互換モードのコードを使ったことがあります.IEはdocumentにcompatModeという属性を追加しました.この属性はブラウザが標準モードを使ったのか、それともハイブリッドモードを使ったのかを伝えるためです.標準モードでdocument.compatModeの値はCSS 1 Compatに等しく、混在モードではdocument.compatModeの値はBackCompatに等しい.

if(document.compatMode=="CSS1Compat"){
    alert("    ");
}else{
    alert("    ");
}

タグの挿入innerHTMLプロパティは、呼び出し要素のすべてのサブノード(要素、コメント、テキストノードを含む)に対応するHTMLタグを返します.書き込みモードでは、innerHTMLは選択した値に基づいて新しいDOMツリーを作成し、呼び出し要素の元のすべてのサブノードをこのDOMツリーで完全に置き換えます.

<div id="content">
    <p>this is a<strong> picture strong>with a listp>
    <ul>
        <li>item1li>
        <li>item2li>
        <li>item3li>
    ul>
div>
var myDiv=document.getElementById("content");
console.log(myDiv.innerHTML)//  div    node  
console.log(myDiv.outerHTML)//    div     

scrollIntoView()メソッドは、すべてのHTML要素で呼び出すことができます.ブラウザウィンドウのコンテナ要素をスクロールすることで、呼び出し要素がビューに表示されます.このメソッドにtrueを入力したり、パラメータを入力したりすると、ウィンドウがスクロールした後にメタセルの上部とビューポートの上部ができるだけ平らになるように呼び出されます.falseがパラメータとして入力場合、呼び出し要素はできるだけすべてビューポートに表示されます.
ドキュメントモード
ページのドキュメントモードは、どの機能を使用できるかを決定し、ブラウザに何らかのモードでページをレンダリングさせるには、HTTPヘッダ情報X-UA-Compatibleを使用します.

http-equiv="X-UA-Compatible" content="IE=IEVersion">//IEversion    

Edge:常に最新のドキュメントモードでページをレンダリングします.文書型宣言は無視されます.常に標準モードレンダリング

を保持

EmulateIE 9:文書宣言がある場合は、ページをIE 9標準モードでレンダリングします.そうでない場合は、文書をIE 5

に設定します.

EmulateIE 8:ドキュメント宣言がある場合は、ページをIE 8標準モードでレンダリングします.そうでない場合は、ドキュメントをIE 5

に設定します.

EmulateIE 7:文書宣言がある場合は、ページをIE 7標準モードでレンダリングします.そうでない場合は、文書をIE 5

に設定します.

9:ページを強制的にIE 9標準モードでレンダリングし、文書宣言

を無視

8:ページを強制的にIE 8標準モードでレンダリングし、文書宣言

を無視します.

7:ページを強制的にIE 7標準モードでレンダリングし、文書宣言

を無視

5:ページを強制的にIE 5標準モードでレンダリングし、文書宣言

を無視