DOM jquery
26026 ワード
DOM文書オブジェクトモデル(Document Object Model)は、HTMLおよびXML文書用のプログラミングインターフェースである.ドキュメントの内容と表示方法を変更する構造化された表現方法を提供します.私たちが最も関心を持っているのは、DOMがウェブページとスクリプト、その他のプログラミング言語を結びつけていることです.DOMはブラウザに属し、JavaScript言語仕様に規定されているコアコンテンツではありません.
一、検索要素
1、直接検索
xxxx Elementsxxx(すべてを表し、見つかった要素は配列に配置されます)
2、間接検索
ラベルを探しながら下のテキストの内容も見つけます
ラベルを検索するだけで、テキストの内容は含まれません.
二、操作
1、内容
(通常のラベルの中間の内容を取得するために使用されます)
一、検索要素
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"
>