JSのドキュメントプロパティとメソッドまとめ_基礎知識

document.title //HTMLのタイトルタグに相当するドキュメントタイトルを設定します
document.bgColor //ページの背景色を設定します
document.fgColor //前景色（文字色）を設定します
document.linkColor // クリックされていないリンクの色
document.alinkColor // アクティブなリンクの色 (このリンクにフォーカスがあります)
document.vlinkColor // クリックされたリンクの色
document.URL //URL 属性を設定するため、同じウィンドウで別の Web ページを開きます。
document.fileCreatedDate //ファイル作成日、読み取り専用属性
document.fileModifiedDate //ファイル変更日、読み取り専用属性
document。 charset //文字セットを設定します (簡体字中国語: gb2312)
document.fileSize //ファイル サイズ、読み取り専用属性
document.cookie //Cookie の設定と読み取り

—————— ———————— ——————————
共通オブジェクト メソッド

document.write() //コンテンツをページに動的に書き込みます
document.createElement( Tag) // HTML タグ オブジェクトを作成します
document.getElementById(ID) // 指定された ID 値を持つオブジェクトを取得します
document.getElementsByName(Name) // 指定された Name 値を持つオブジェクトを取得します
document.body.appendChild(oTag)
—— ———————————————————————

body-body サブオブジェクト

document.body //ドキュメント本文の開始と終了を指定します body>/body> と同等
document.body.bgColor //オブジェクト
ドキュメントの背景色を設定または取得します。 body.link //クリックされていないリンクの色
document.body.alink //アクティブなリンクの色 (このリンクにフォーカスがあります)
document.body.vlink //クリックされたリンクの色
document.body.text //テキストの色
document.body.innerText / /body>.../body>の間にテキストを設定します
document.body.innerHTML //間にHTMLコードを設定しますbody>.../body>
document.body.topMargin //ページの上マージン
document.body.leftMargin //ページの左マージン
document.body.rightMargin //右マージンof page
document.body.bottomMargin //ページの下余白
document.body.background //背景画像
document.body.appendChild(oTag) //HTML オブジェクトを動的に生成

共通オブジェクト イベント

document.body.onclick=”func()” //マウス ポインタでクリックされたオブジェクトは Trigger
document.body.onmouseover=”func()” //Triggerマウス ポインターがオブジェクトに移動したとき
document.body.onmouseout=”func()” //マウス ポインターがオブジェクトの外に移動したときにトリガー
— ——————————— ————————————
location-location sub-object

document.location.hash // #
document.location.host 以降の部分 // ドメイン名とポート番号 // ホスト名 localhost が返されるようですが、ポート番号は返されません
document.location.hostname // ドメイン名
document.location.href // 完全な URL
document。 location.pathname // ディレクトリ部分
document.location.port // ポート番号
document.location.protocol // ネットワークプロトコル (http:)
document.location.search // 番号 最後の部分 ?
documenty.location.reload() //Web ページを更新します
document.location.reload(URL) //新しい Web ページを開きます
document.location.assign(URL) //新しい Web ページを開きますpage
document.location.replace(URL) //新しい Web ページを開きます
——————————————————————————
selection-selection サブオブジェクト
document.selection

例:

コードをコピー コード

ここでテキストの一部を選択してください。

実行結果は次のとおりです:
見出しの例

------ ---------------------------------------------------- ---- -------

これは単なる段落です。
この最後の段落には特別な強調があります。 >--- ---------------------------------------------- ---- -----------------------------

document.all.length=18
ドキュメント.all[0]= !
document.all[1]=HTML
document.all[2]=HEAD
document.all[3]=TITLE
document.all[4]= META
document.all[5]=BODY
document.all[6]=H1
document.all[7]=HR
document.all[8]=P
ドキュメント。 all[9]=EM
document.all[10]=EM
document.all[11]=P
document.all[12]=EM
document.all[13]=P
document.all [14]=EM
document.all[15]=EM
document.all[16]=HR
document.all[17]=SCRIPT
( IE でのみ実行できます)




コードをコピー


コードは次のとおりです。

< html>

< ;body>

DHTML 楽しいです!!!

onclick="document.all['Heading1'].align='left';" /> タグ ペアの align 属性の値を変更します。次のコードは同じ効果があります
onclick= "document.all['Heading1 '].align='center'; />
onclick="document.all['Heading1'" ].align='right' ;" />



onclick="ドキュメント.all['Heading1'] .style.fontSize='xx-large';" />
onclick="document.all['Heading1 '].style.fontSize= 'xx-small';" />



onclick="document.all ['Heading1'].style.color='red'; />
onclick="document.all ['Heading1'].style .color='blue';" />
onclick="document.all['Heading1'].style .color='black'; " />




onclick="document.all['Heading1'].innerText=document.testform.userText.value;" /& gt;//Change< h1> タグペア