文檔對(duì)象模型（Document Object Model纯命，俗稱DOM）西剥，是W3C組織推薦的處理可擴(kuò)展標(biāo)記語言（HTML或XML）的標(biāo)準(zhǔn)編程接口。
W3C已經(jīng)定義了一系列的DOM接口亿汞，通過這些DOM接口可以改變網(wǎng)頁的內(nèi)容瞭空、結(jié)構(gòu)和樣式。
1疗我、對(duì)于JavaScript咆畏，為了能夠使JS操作HTML,JS就有了一套自己的dom編程接口。
2吴裤、對(duì)于HTML旧找，dom使得html形成一顆dom樹，包含文檔嚼摩、元素钦讳、節(jié)點(diǎn)。
我們獲取過來的DOM元素是一個(gè)對(duì)象（object）枕面，所以稱為文檔對(duì)象模型
關(guān)于DOM操作，我們主要針對(duì)于元素的操作缚去，主要有創(chuàng)建潮秘、增、刪易结、改枕荞、查、屬性操作搞动、事件操作躏精。
創(chuàng)建
- 1.document.write()
- 2.element.innerHTML
- 3.document.createElement()
增
- 1.appendChild 在前面添加元素
- 2.insertBefore 在后面添加元素
刪
- 1.removeChild
改
主要修改dom的元素屬性、dom元素內(nèi)容鹦肿、屬性矗烛，表單的值等
1、修改元素屬性：src箩溃、href瞭吃、title等
2、修改普通元素內(nèi)容：innerHTML涣旨、innerText
3歪架、修改表單元素：value、type霹陡、disabled等
4和蚪、修改元素樣式：style止状、className
查
主要獲取查詢dom的元素
1、DOM提供的API方法：getElementById攒霹、getElementsByTagName 古老用法不太推薦
2导俘、H5提供的新方法：querySelector、querySelectorAll 提倡
3剔蹋、利用節(jié)點(diǎn)操作獲取元素：父（parentNode)旅薄、子（children）、兄（previousElementSibling泣崩、nextElementSibling） 提倡
屬性操作
針對(duì)于自定義屬性
1少梁、setAttribute: 設(shè)置dom的屬性值
2、getAttribute：得到dom的屬性值
3矫付、removeAttribute移除屬性
事件操作
給元素注冊(cè)時(shí)間凯沪，采取 事件源.事件類型=事件處理程序
