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である可能性があります.
オブジェクトの属性
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"/>/form
document.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')