JavaScriptのDocumentプロパティとメソッド集_基礎知識

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 //オブジェクト
document の背景色を設定または取得します。 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

例:

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

ｓｃｒｉｐｔ>


selection の createRange メソッド

document.selection.createRange() は、現在のテキスト選択に基づいて TextRange オブジェクトを返すか、コントロールの選択に基づいて ControlRange オブジェクトを返します。

execCommand を使用すると、テキストの太字、斜体、コピー、貼り付け、ハイパーリンクの作成など、HTML エディターで非常に便利です。

これらは IE でのみ可能のようです。 。

————————————————————————

画像集（ページ内の画像）

a) コレクションによる参照
document.images //ページのimgタグに対応
document.images.length //ページのimgタグの数に対応
document.images[0] //1 番目の img タグ
document.images[i] //i-1 番目の img タグ

b) name 属性を通じて
img name=”oImage”
document.images を直接参照します. oImage //document.images.name 属性

c) は、画像
document.images.oImage.src //document.images.name 属性.src
d) 画像を作成します
var oImage
oImage = new Image()
document.images.oImage.src=”1.jpg”
同時に img/tag を作成しますそれに対応するページ

を表示できます ———————————————————————-

フォームコレクション（ page)

a) コレクションによる参照
document.forms //ページ上の form タグに対応
document.forms.length //ページ上の /formform タグの数に対応
document.forms[0] //1番目/formformラベル
document.forms[i] //i-1番目/formformラベル
document.forms[i].length //の数i-1 番目/formform のコントロール
document.forms[i].elements[j] //i-1/formform の j-1 番目のコントロール

b)
を直接参照します/formform name からラベル name 属性 =”Myform”>input name=”myctrl”/>/form
document.Myform.myctrl //document.form name.control name

c) にアクセスします。フォームのプロパティ
document.forms [i].name //フォーム名>属性
document.forms[i].action //フォームフォームのアクション>属性
document.forms[に対応i].encoding ///formform enctype>attribute
document.forms[i].target ///formform target>property

document.forms[i].appendChild(oTag) に対応// コントロールを動的に挿入します
document.all.oDiv // 参照レイヤー oDiv
document.all.oDiv.style.display=”” // レイヤーを表示するように設定します
document.all.oDiv .style.display=”none” //レイヤーを非表示にする設定
document.getElementId(”oDiv”) //getElementId を通じてオブジェクトを参照
document.getElementId(”oDiv”).style=””
document.getElementId(”oDiv”).display=” none”
/*document.all はドキュメント内のすべてのオブジェクトのコレクションを表します
この属性は IE のみがサポートしているため、ブラウザの種類*/


レイヤーオブジェクト 4 属性
document.getElementById("ID").innerText //動的出力テキスト
document.getElementById("ID").innerHTML / /動的出力HTML
document.getElementById("ID") .outerText //innerTextと同じ
document.getElementById("ID").outerHTML //innerHTMLと同じ