Javascript学習------ドキュメントオブジェクト(document)


ドキュメントオブジェクトの概要:
    ブラウザウィンドウのドキュメントを表します.オブジェクトはwindowオブジェクトのサブオブジェクトです.
    (windowオブジェクトはDOMオブジェクトモデルにおけるデフォルトのオブジェクトですので、
      ですから、windowオブジェクトの中の方法と子オブジェクトはwindowを使って引用する必要がありません.)
    documentを通じてHTMLドキュメントに含まれているHTMLタグにアクセスし、HTMLタグの内容を動的に変更することができます.
documentオブジェクトの集合
集合する
説明
all[]
ドキュメント内のすべてのHTML要素へのアクセスを提供します.
アンチョス[]
ドキュメント内のすべてのアンチョーオブジェクト(すなわち、リンク先:a)への参照を返します.
applets
ドキュメント内のすべてのAppleオブジェクトへの参照を返します.
forms[]
ドキュメント内のすべてのFormオブジェクトへの参照を返します.
イマージュ[]
ドキュメント内のすべてのImageオブジェクトの参照を返します.
links[]
ドキュメント内のすべてのAreaとLinkオブジェクトの参照を返します.
注1:all[]はすでにDockmentインターフェースの標準的なgetElement ById()方法とgetElements ByTagName()方法及びDocmentオブジェクトのgetElement ByName()方法に取って代わられました.
注2:ドキュメントへのリンクの数を返します.document.anchors.length
     i番目のリンクを選択:document.anchors[i]
注3:images[]:0レベルDOMに対応するため、この集合は<object>マークで定義された画像を含まない.
documentオブジェクトの属性
属性
説明
body
「body」要素への直接アクセスを提供します.一番外側の階層の「frame eset」を参照するフレームセットを定義したドキュメントです.
クッキー
現在のドキュメントに関するすべてのクッキーを設定または返します.
domain
現在のドキュメントのドメイン名を返します.
lastModified
ドキュメントが最後に変更された日付と時刻を返します.
referrer
現在のドキュメントを読み込むドキュメントのURLを返します.
title
現在のドキュメントのタイトルを返します.
URL
現在のドキュメントのURLを返します.
documentオブジェクトの方法
方法
説明
close()
document.open()メソッドで開く出力ストリームを閉じ、選択したデータを表示します.
getElemenntById()
指定されたIDを持つ最初のオブジェクトへの参照を返します.
getElements ByName()
指定された名前のあるオブジェクトのセットを返します.
getElements ByTagName()
指定されたラベルの付いたオブジェクトのセットを返します.
open()
任意のdocument.write()またはdocument.writeln()メソッドからの出力を収集するためのストリームを開きます.
write()
ドキュメントにHTML表式またはJavaScriptコードを書きます.
writeln()
write()と同じ方法で、各表式の後に改行を書くのとは違っています.
open()文法:
   document.open([mimetype],[replace]) 
パラメータ
説明
mimetype
オプションです.作成中のドキュメントの種類を指定します.標準値は「text/html」です.
replace
オプションです.このパラメータを設定すると、新しいドキュメントが親ドキュメントから履歴項目を引き継ぐことができます.
使い方:
      ドキュメントを開くには、
        write()またはwriteln()でドキュメントを書きます.
        文書を閉じる
例:
<html>
<head>
<script type="text/javascript">
function createNewDoc()
  {
  var newDoc=document.open("text/html","replace");
  var txt="<html><body>      !</body></html>";
  newDoc.write(txt);
  newDoc.close();
  }
</script>
</head>

<body>
<input type="button" value="          " onclick="createNewDoc()">
</body>

</html>
拡張:HTMLタグを動的に追加します.
      方法:document.creat Element(s Name);
例:
       //      HTML  
       
       function createButton(){
       
        var
           btn = document.createElement("input");
           
        btn.type = "button";
        
        btn.value = "new button";
        
        document.creatform.appendChild(btn);
        
       }