Javascript-ie4-dom
JavaScript-IE 4 DOM
このドキュメントオブジェクトモデルは、MicrosoftのInternet Explorerブラウザのバージョン4で導入されました。 IE 5以降のバージョンには、ほとんどの基本的なW3C DOM機能のサポートが含まれています。
IE 4 DOMのドキュメントプロパティ
次の非標準（および非ポータブル）プロパティは、Internet Explorer 4以降のバージョンで定義されています。
| Sr.No. | Property & Description |
|---|---|
| 1 |
activeElement 現在アクティブである（つまり、入力フォーカスがある）入力要素を参照する読み取り専用プロパティ。 例-document.activeElement |
| 2 |
all[ ] ドキュメント内のすべてのElementオブジェクトの配列。 この配列は、ソース順に要素にアクセスするために数値でインデックス付けされるか、要素IDまたは名前でインデックス付けされます。
|
| 3 |
charset ドキュメントの文字セット。 例-document.charset |
| 4 |
children[ ] 文書の直接の子であるHTML要素を含む配列。 これは、包含階層内の位置に関係なく、ドキュメント内のすべての要素を含むall []配列とは異なることに注意してください。 例-document.children [] |
| 5 |
defaultCharset ドキュメントのデフォルトの文字セット。 例-document.defaultCharset |
| 6 |
expando このプロパティをfalseに設定すると、クライアント側のオブジェクトが展開されなくなります。 例-document.expando |
| 7 |
parentWindow ドキュメントを含むウィンドウ。 例-document.parentWindow |
| 8 |
readyState ドキュメントの読み込みステータスを指定します。 それは、次の4つの文字列値のいずれかを持っています- 例-document.readyState |
| 9 |
uninitialized ドキュメントの読み込みは開始されていません。
|
| 10 |
loading ドキュメントがロードされています。 例-document.loading |
| 11 |
interactive ユーザーがドキュメントを操作できるようにドキュメントが十分にロードされました。 例-document.interactive |
| 12 |
complete ドキュメントが完全にロードされました。 例-document.complete |
IE4 DOMのドキュメントメソッド
このモデルは、レガシーDOMで利用可能なすべてのメソッドをサポートします。 さらに、IE4 DOMでサポートされているメソッドのリストは次のとおりです-
| Sr.No. | Property & Description |
|---|---|
| 1 |
elementFromPoint(x,y) 指定されたポイントにある要素を返します。 例：document.elementFromPoint（x、y） |
例
IE 4 DOMは* getElementById（）*メソッドをサポートしていません。 代わりに、ドキュメントオブジェクトのall []配列内のid属性により、任意のドキュメント要素を検索できます。
最初の<ul>タグ内ですべての<li>タグを見つける方法は次のとおりです。 * all.tags（）*メソッドを使用して、目的のHTMLタグ名を大文字で指定する必要があることに注意してください。
var lists = document.all.tags("UL");
var items = lists[0].all.tags("LI");IE4 DOMメソッドを使用してドキュメントプロパティにアクセスする別の例を次に示します。
<html>
<head>
<title> Document Title </title>
<script type = "text/javascript">
<!--
function myFunc() {
var ret = document.all["heading"];
alert("Document Heading : " + ret.innerHTML );
var ret = document.all.tags("P");;
alert("First Paragraph : " + ret[0].innerHTML);
}
//-->
</script>
</head>
<body>
<h1 id = "heading">This is main title</h1>
<p>Click the following to see the result:</p>
<form id = "form1" name = "FirstForm">
<input type = "button" value = "Click Me" onclick = "myFunc();"/>
<input type = "button" value = "Cancel">
</form>
<form d = "form2" name = "SecondForm">
<input type = "button" value = "Don't ClickMe"/>
</form>
</body>
</html>注-この例では、フォームと要素のオブジェクトを返します。このチュートリアルでは説明していないオブジェクトプロパティを使用して、それらの値にアクセスする必要があります。
