Javascriptはブラウザ環境(五)HTML DOMにあります.

2809 ワード
JavaScript html xml ブラウザ Google
DOMがXMLとHTMLドキュメントに適用されることが分かりました.いくつか前の部分では、XMLドキュメントのノードの追加、変更、削除を紹介しました.
この部分に注目しているのはHTMLのDOMです.Dcument.bodyのようなHTMLのDOMオブジェクトです.これはbody元素に戻ります.以前の方法でbody元素を取得することもできます.
document.getElementsByTagName('body')[0]
 
HTML DOMにアクセスする方法
DOMではなく、以下の方法はHTML DOMにしかアクセスできません.いくつかのよく使われているHTML DOMの集合を以下に示します.
  • document.imags-これはページのすべての画像要素の集合です.document.getElemenntByTagNameと同じです.
  • document.appets
  • document.links
  • document.anchors
  • document.forms
    • Dcument.linksにはのすべてのラベルが含まれています.document.anchorrsはすべてを含んでいます.
     
    Dcument.formsはよく使われています.formの集合が含まれています.私たちはそれを通じてページのformにアクセスできます.
    document.forms[0];// document.getElementsByTagName('forms')[0]
    このform集合にはinputとbuttonsが含まれています.elements属性によってそれらを訪問することができます.次の文はこのformの最初のinputにアクセスします.
    document.forms[0].elements[0]
    戻ってきたinputは以下の通りです.
    <input name="search" id="search" type="text" size="50" maxlength="255" value="Enter email..." />
     私たちはそのバリューの値を変えることができます.
    document.forms[0].elements[0].value = '[email protected]'
     このInputはname属性があります.nameで訪問することもできます.
    document.forms[0].elements['search']; 
document.forms[0].elements.search;    //
     
    document.write()
    document.writeはhtmlコードを挿入するために使用できます.
    <p>It is now <script>document.write("<em>" + new Date() + "</em>");</script></p>
     結果は以下のとおりです
    <p>It is now <em>Sat Feb 23 2008 17:48:04 GMT-0800 (Pacific Standard Time)</em></p>
     
    Cookies、Title、Referrer、Domain
    以下では、前の部分で紹介したHTML DOMのような4つの追加的な属性を紹介します.この4つの属性はCORE DOMでは代替可能な属性がありません.
     
    document.co okie
    は、文字列を含む属性です.クッキーはサーバとクライアントの間で交換します.サーバーが一つのページをブラウザに送ると、Set-CookieのHTTPヘッダが含まれます.クライアントがサービス端末に要求を送信すると、クッキー情報をクッキーのヘッダに返す.document.co okieを使って、ブラウザがサービス端末に送信するクッキーを修正できます.javaeyのクッキーを見てください.
    「_utma=2074274.1579840076272560.1220428194.123454594.12323458533.173;_uutmz=207474464.123323232046464646464646464646418; 126.8.tmcsr=google|utmcn=.」
     
    document.titleはページ表示のタイトルを変更することができます.
     document.title = 'My title'
    Dcument.titleとdocument.getElements ByTagNameは同じではないので、タブを変えることはできません.
     
    ドcument.referrer
    この属性はこのページにアクセスする前のページのURLを教えてくれます.
    document.referrer;//http://xiayuanfeng.iteye.com/admin/blogs/drafts
     
    document.domain
    このページのdomainを聞くことができます.
    document.domain;//iteye.com
    javascriptのtestメソッド