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.getElementsByTagName(name)
document.createElement(name)
parentNode.appendChild(node)
element.innerHTML
element.style.left
element.setAttribute()
element.getAttribute()
element.addEventListener()
參考:
https://developer.mozilla.org/zh-CN/docs/Web/API/Document_Object_Model/Introduction