JavaScript DOM(二)のDockmentタイプ
5142 ワード
Dockmentタイプ紹介
javaScriptはDockmentのタイプを通じて文書を表します.したがって、私たちはdocumentを文防オブジェクトと呼びます.ブラウザでは、documentオブジェクトはHTMLDocumentの一例であり、HTMLページ全体を表しています.また、documentオブジェクトはwindowオブジェクトの属性です.グローバルオブジェクトとしてアクセスできます.
Dcumentタイプの特徴
1:nodeTypeの値は9です.
2:nodeNameの値は「〹document」です.
3:nodeValueの値はnullです.
4:parent Nodeの値はnullです.
5.owner Dcumentの値はnullである.
6:そのサブノードは、DcumentType(最大1つ)、Element(最大1つ)またはCommmentである可能性があります.
オブジェクトの属性
一般的なオブジェクトの使い方
ボディオブジェクト
location-位置サブオブジェクト
document.imags.oImage/document.imags.name属性
c)引用画像のsrc属性
—————————————————————————————
フォームのセット(ページ内のフォーム)
a)集合による参照
document.Myform.myctrl/document.フォーム名.コントロール名
c)フォームにアクセスする属性
レイヤーオブジェクトの4つの属性
私たちはDcumentで元素を検索する時によく使う二つの方法があります.一つは
getElementById()とgetElementsByTagName().
最初の方法は一つのパラメータを受信し、要素IDを取得する.該当する要素が見つかったら、その要素を返します.存在しない場合はnullに戻ります.undefinedだと思う人が多いです.もう一つの注意が必要なのは、ここのIDは、ページのID特性に厳密にマッチしなければならない.
同じID値が複数ページに存在すると最初のIDだけが返されます.Javaで理解すると、見つけたら直接returnします.
getElements ByTagNameを使うのは名前によって項目にアクセスするのです.すべての要素を得るには、*に伝えてください.これは私達のすべてのhtml元素に戻ります.IEは注釈をエレメントとして実現するため、注釈ノードにも戻る.
DOM整合性検査
多くのブラウザがdomを実現しているため、彼らはDOMの実現方法に対して細かい違いがあるかもしれません.またdomも複数のレベルに分けられています.だから、DOM検査が必要です.
var hasXml Dom=document、implement、has Feature('XML'、'1.0')
javaScriptはDockmentのタイプを通じて文書を表します.したがって、私たちはdocumentを文防オブジェクトと呼びます.ブラウザでは、documentオブジェクトはHTMLDocumentの一例であり、HTMLページ全体を表しています.また、documentオブジェクトはwindowオブジェクトの属性です.グローバルオブジェクトとしてアクセスできます.
Dcumentタイプの特徴
1:nodeTypeの値は9です.
2:nodeNameの値は「〹document」です.
3:nodeValueの値はnullです.
4:parent Nodeの値はnullです.
5.owner Dcumentの値はnullである.
6:そのサブノードは、DcumentType(最大1つ)、Element(最大1つ)またはCommmentである可能性があります.
オブジェクトの属性
document.title // HTML title
document.bgColor //
document.fgColor // ( )
document.linkColor //
document.alinkColor // ( )
document.vlinkColor //
document.URL // URL
document.fileCreatedDate // ,
document.fileModifiedDate // ,
document.fileSize // ,
document.cookie // cookie
document.charset // :gb2312
———————————————————————————————————一般的なオブジェクトの使い方
document.write() //
document.createElement(Tag) // html
document.getElementById(ID) // ID
document.getElementsByName(Name) // Name
document.body.appendChild(oTag)
———————————————————————————————————ボディオブジェクト
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 // body>…/body> HTML
document.body.topMargin //
document.body.leftMargin //
document.body.rightMargin //
document.body.bottomMargin //
document.body.background //
document.body.appendChild(oTag) // HTML
常用対象イベントdocument.body.onclick=”func()” //
document.body.onmouseover=”func()” //
document.body.onmouseout=”func()” //
———————————————————————————————————location-位置サブオブジェクト
document.location.hash // #
document.location.host // +
document.location.hostname //
document.location.href // URL
document.location.pathname //
document.location.port //
document.location.protocol // (http:)
document.location.search // ?
documeny.location.reload() //
document.location.reload(URL) //
document.location.assign(URL) //
document.location.replace(URL) //
———————————————————————
selection-
document.selection
———————————————————————
images ( )
a)集合による参照document.images // img
document.images.length // img
document.images[0] // 1 img
document.images[i] // i-1 img
b)nane属性によって直接にcname="oImage"を参照する.document.imags.oImage/document.imags.name属性
c)引用画像のsrc属性
document.images.oImage.src //document.images.name .src
d)イメージを作成するvar oImage
oImage = new Image()
document.images.oImage.src=”1.jpg”
同時にページの上で1つのimg/タグを創立してこれに対応して表示することができます.—————————————————————————————
フォームのセット(ページ内のフォーム)
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)タグname属性で直接参照/form form name="Myform">inputname="myctrl"/>/formdocument.Myform.myctrl/document.フォーム名.コントロール名
c)フォームにアクセスする属性
document.forms[i].name // form name>
document.forms[i].action // /formform action>
document.forms[i].encoding // /formform enctype>
document.forms[i].target // /formform target>
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 document
ieのみがこの属性をサポートしていますので、ブラウザの種類を判断するためにも使用します.レイヤーオブジェクトの4つの属性
document.getElementById(”ID”).innerText //
document.getElementById(”ID”).innerHTML // HTML
document.getElementById(”ID”).outerText // innerText
document.getElementById(”ID”).outerHTML // innerHTML
Dcumentに関するいくつかのエラー私たちはDcumentで元素を検索する時によく使う二つの方法があります.一つは
getElementById()とgetElementsByTagName().
最初の方法は一つのパラメータを受信し、要素IDを取得する.該当する要素が見つかったら、その要素を返します.存在しない場合はnullに戻ります.undefinedだと思う人が多いです.もう一つの注意が必要なのは、ここのIDは、ページのID特性に厳密にマッチしなければならない.
同じID値が複数ページに存在すると最初のIDだけが返されます.Javaで理解すると、見つけたら直接returnします.
getElements ByTagNameを使うのは名前によって項目にアクセスするのです.すべての要素を得るには、*に伝えてください.これは私達のすべてのhtml元素に戻ります.IEは注釈をエレメントとして実現するため、注釈ノードにも戻る.
DOM整合性検査
多くのブラウザがdomを実現しているため、彼らはDOMの実現方法に対して細かい違いがあるかもしれません.またdomも複数のレベルに分けられています.だから、DOM検査が必要です.
var hasXml Dom=document、implement、has Feature('XML'、'1.0')