DOM jquery

26026 ワード

DOM文書オブジェクトモデル(Document Object Model)は、HTMLおよびXML文書用のプログラミングインターフェースである.ドキュメントの内容と表示方法を変更する構造化された表現方法を提供します.私たちが最も関心を持っているのは、DOMがウェブページとスクリプト、その他のプログラミング言語を結びつけていることです.DOMはブラウザに属し、JavaScript言語仕様に規定されているコアコンテンツではありません.
一、検索要素
1、直接検索
xxxx Elementsxxx(すべてを表し、見つかった要素は配列に配置されます)
  document.getElementById            ID document.getElementsByName          name document.getElementsByClassName     class document.getElementsByTagName       
2、間接検索
ラベルを探しながら下のテキストの内容も見つけますparentNode           / /   childNodes           / /   firstChild           / /   lastChild            / /   nextSibling          / /   previousSibling      / /  
xxx.childNodes( ).nodeType[x] xxx.childNodes( )[x].nodeType  =   1   xxx.childNodes( )[x].nodeType  =   3  
ラベルを検索するだけで、テキストの内容は含まれません.parentElement            / /   children                 / /   firstElementChild        / /   lastElementChild         / /   nextElementtSibling      / /   previousElementSibling   / /  
二、操作
1、内容innerText   outerText innerHTML   HTML innerHTML   value      
(通常のラベルの中間の内容を取得するために使用されます)
    
id = "d1" > 666 < / span>< / div>      ret  =   document.getElementById( "d1" );      console.log(ret.innerText); / / - - - - - - - - - > 666      console.log(ret.innerHTML); / / - - - - - - - - - > 666 < / span> < / script> < / body>
(inputラベルとドロップダウンラベルのvalue を )     < input   id = "d1"   type = "text" >