15.DOM操作
?DOM（Document Object Model）
1.document文檔HTMl XML文件 ?標(biāo)記語言（標(biāo)簽似的）
2.Object對(duì)象（HTML元素 轉(zhuǎn)成的對(duì)象（js對(duì)象））
注意：如果使用js操作HTML文檔料滥，就需要選中HTML文檔結(jié)構(gòu)轉(zhuǎn)成JS對(duì)象
? ? ?a办铡。操作屬性
? ? ?B者疤。操作內(nèi)容
? ? ? ? ? ? ? ? ?innerText（IE）textContent（火狐）
? ? ? ? ? ? ? ? ?innerHTML
? ? ? ? ? ? ? ? ?outeText
? ? ? ? ? ? ? ? ?outHTML
? ? ? ? ?表單
? ? ? ? ? ? ? ? ? ?Value ? ? ? 例如input標(biāo)簽和textare
? ? ?C。操作樣式
? ? ? ? ? ? ?aobj.style.backgroundColor =“red”;
? ? ? ? ? ? ?aobj.style.fontSize =“3cm”;
? ? ? ? ? ? ClassName
? ? ? ? ? ? ?aobj.className =“text”;
? ? ? ? ? ? ?aobj.className+=”demo”;
? ? ? ? ? 利用for in遍歷所有標(biāo)簽屬性和方法
? ? ? ? ? ?Var pro =“”；
? ? ? ? ? ? ? ? For ( pro in對(duì)象名)
? ? ? ? ? ? ? ? ? ? {
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? Document.write(“a.”+pro+”=”+aobj[pro]+””);
? ? ? ? ? ? ? ? ? ? ?}
?有了以上三點(diǎn)的操作之前先轉(zhuǎn)成對(duì)象。
?轉(zhuǎn)成對(duì)象的兩種形式：
1.標(biāo)記名（多個(gè)）：id（唯一） ，name（多個(gè)）僵蛛。
Document中的三個(gè)方法
Var ?objs = document.getEleMentsByTagName(“div”);
Var ?objs = document.getEleMentById(“one”);
Var ?objs = document.getEleMentByName(“two”);
2.通過數(shù)組
Document.all = [object]
Document.appplets = [object]
Document.embeds
Document.script
Documnet.forms
Document.images
Doucment.anchors
doucment.styleSheets
Doucment.links
數(shù)字訪問7中方式
Document.forms[1]
Document.forms[“名字”]
Document.forms.item[1]
Document.forms.item(“名字”)
Document.forms.名字
Document.名字
Document[“名字”]
中括號(hào)[ ] ?和 點(diǎn) . 相當(dāng)于 （……的）
ps：或許對(duì)頁面結(jié)構(gòu)標(biāo)記標(biāo)簽html比較熟悉吧，所以雖然第一次接觸DOM的知識(shí)內(nèi)容迎变，學(xué)起來竟然比之前的語法還更加快速充尉，理解的更好。
