DOM

1,什么是DOM吉殃?

? ? ? ? 文檔對象模型 (DOM) 是HTML和XML文檔的編程接口劫樟。它提供了對文檔的結(jié)構(gòu)化的表述,并定義了一種方式可以使從程序中對該結(jié)構(gòu)進(jìn)行訪問垛吗,從而改變文檔的結(jié)構(gòu)凹髓,樣式和內(nèi)容。DOM 將文檔解析為一個由節(jié)點(diǎn)和對象(包含屬性和方法的對象)組成的結(jié)構(gòu)集合怯屉。簡言之蔚舀,它會將web頁面和腳本或程序語言連接起來。

????一個web頁面是一個文檔锨络。這個文檔可以在瀏覽器窗口或作為HTML源碼顯示出來赌躺。但上述兩個情況中都是同一份文檔。文檔對象模型(DOM)提供了對同一份文檔的另一種表現(xiàn)羡儿,存儲和操作的方式礼患。 DOM是web頁面的完全的面向?qū)ο蟊硎觯軌蚴褂萌?JavaScript等腳本語言進(jìn)行修改掠归。


2缅叠,DOM 和JavaScript關(guān)系?

? ? ?在文檔中的每個元素— 包括整個文檔虏冻,文檔頭部肤粱, 文檔中的表格,表頭厨相,表格中的文本 — 都是文檔所屬于的文檔對象模型(DOM)的一部分领曼,可以通過?JavaScript 來訪問和處理文檔鸥鹉。

API (web 或 XML 頁面) = DOM + JS (腳本語言)

3,如何訪問DOM庶骄?

使用?document或?window?元素的API來操作文檔本身或獲取文檔的子類(web頁面中的各種元素)毁渗。

4,DOM接口

document.getElementById(id)

document.getElementsByTagName(name)

document.createElement(name)

parentNode.appendChild(node)

element.innerHTML

element.style.left

element.setAttribute()

element.getAttribute()

element.addEventListener()

window.content

?window.onload

window.dump()

window.scrollTo()


參考:

https://developer.mozilla.org/zh-CN/docs/Web/API/Document_Object_Model/Introduction

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末单刁,一起剝皮案震驚了整個濱河市祝蝠,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌幻碱,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,185評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件细溅,死亡現(xiàn)場離奇詭異褥傍,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)喇聊,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,652評論 3 393
  • 文/潘曉璐 我一進(jìn)店門恍风,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人誓篱,你說我怎么就攤上這事朋贬。” “怎么了窜骄?”我有些...
    開封第一講書人閱讀 163,524評論 0 353
  • 文/不壞的土叔 我叫張陵锦募,是天一觀的道長。 經(jīng)常有香客問我邻遏,道長糠亩,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,339評論 1 293
  • 正文 為了忘掉前任准验,我火速辦了婚禮赎线,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘糊饱。我一直安慰自己垂寥,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,387評論 6 391
  • 文/花漫 我一把揭開白布另锋。 她就那樣靜靜地躺著滞项,像睡著了一般。 火紅的嫁衣襯著肌膚如雪夭坪。 梳的紋絲不亂的頭發(fā)上蓖扑,一...
    開封第一講書人閱讀 51,287評論 1 301
  • 那天,我揣著相機(jī)與錄音台舱,去河邊找鬼律杠。 笑死潭流,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的柜去。 我是一名探鬼主播灰嫉,決...
    沈念sama閱讀 40,130評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼嗓奢!你這毒婦竟也來了讼撒?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,985評論 0 275
  • 序言:老撾萬榮一對情侶失蹤股耽,失蹤者是張志新(化名)和其女友劉穎根盒,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體物蝙,經(jīng)...
    沈念sama閱讀 45,420評論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡炎滞,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,617評論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了诬乞。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片册赛。...
    茶點(diǎn)故事閱讀 39,779評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖震嫉,靈堂內(nèi)的尸體忽然破棺而出森瘪,到底是詐尸還是另有隱情,我是刑警寧澤票堵,帶...
    沈念sama閱讀 35,477評論 5 345
  • 正文 年R本政府宣布扼睬,位于F島的核電站,受9級特大地震影響悴势,放射性物質(zhì)發(fā)生泄漏痰驱。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,088評論 3 328
  • 文/蒙蒙 一瞳浦、第九天 我趴在偏房一處隱蔽的房頂上張望担映。 院中可真熱鬧,春花似錦叫潦、人聲如沸蝇完。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,716評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽短蜕。三九已至,卻和暖如春傻咖,著一層夾襖步出監(jiān)牢的瞬間朋魔,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,857評論 1 269
  • 我被黑心中介騙來泰國打工卿操, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留警检,地道東北人孙援。 一個月前我還...
    沈念sama閱讀 47,876評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像扇雕,于是被迫代替她去往敵國和親拓售。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,700評論 2 354

推薦閱讀更多精彩內(nèi)容

  • ??DOM(文檔對象模型)是針對 HTML 和 XML 文檔的一個 API(應(yīng)用程序編程接口)。 ??DOM 描繪...
    霜天曉閱讀 3,644評論 0 7
  • 之前通過深入學(xué)習(xí)DOM的相關(guān)知識哨苛,看了慕課網(wǎng)DOM探索之基礎(chǔ)詳解篇這個視頻(在最近看第三遍的時候鸽凶,準(zhǔn)備記錄一點(diǎn)東西...
    微醺歲月閱讀 4,477評論 2 62
  • ??DOM 1 級主要定義的是 HTML 和 XML 文檔的底層結(jié)構(gòu)玻侥。 ??DOM2 和 DOM3 級則在這個結(jié)構(gòu)...
    霜天曉閱讀 1,440評論 1 3
  • ??盡管 DOM 作為 API 已經(jīng)非常完善了,但為了實(shí)現(xiàn)更過的功能蜜徽,仍然會有一些標(biāo)準(zhǔn)或?qū)S械臄U(kuò)展祝懂。 ??2008...
    霜天曉閱讀 427評論 0 0
  • 本章內(nèi)容 理解包含不同層次節(jié)點(diǎn)的 DOM 使用不同的節(jié)點(diǎn)類型 克服瀏覽器兼容性問題及各種陷阱 DOM 是針對 HT...
    悶油瓶小張閱讀 638評論 0 1