DOM 文檔對(duì)象模型，就是當(dāng)前網(wǎng)頁里面的所有內(nèi)容鸽粉。
因?yàn)榫W(wǎng)頁是在瀏覽器中顯示的斜脂，整個(gè)瀏覽器是BOM，所以DOM其實(shí)是BOM的一部分
BOM 就是 window對(duì)象 DOM 就是 document對(duì)象
1触机、使用DOM獲取網(wǎng)頁元素
querySelector()方法秽褒，根據(jù)選擇器的名稱返回元素壶硅，如果有多個(gè)元素，只返回第一個(gè)元素销斟。例：
獲取的就是 巧克力庐椒，并將巧克力修改為 蘋果
而querySelectorAll()方法，是根據(jù)選擇器規(guī)則蚂踊，獲取對(duì)應(yīng)的所有元素约谈，例：
這里獲取的就是巧克力和薯片，并將這兩個(gè)元素的背景顏色樣式改為了粉色
2犁钟、操作DOM元素的樣式
1）通過style屬性直接設(shè)置
例：
注意：如果樣式名稱是多個(gè)單詞的組合棱诱，需要使用小駝峰命名規(guī)則 ?font-size ==>fontSize
2）通過className屬性設(shè)置類選擇器
例：
在body里面設(shè)置一個(gè)div標(biāo)簽：<div id='b'>好好學(xué)習(xí)，天天向上</div>涝动；style里面設(shè)置一個(gè).class1 樣式迈勋，通過className屬性就可以實(shí)現(xiàn).class1樣式
3）也可以通過classList屬性添加多個(gè)類選擇器
在body里面設(shè)置一個(gè)div標(biāo)簽：<div id='c'>好好學(xué)習(xí)，天天向上</div>醋粟；style里面設(shè)置一個(gè).color 樣式,通過鼠標(biāo)點(diǎn)擊事件來添加樣式（add方法）和移除樣式（remove方法）
3靡菇、操作DOM元素的屬性
獲取和設(shè)置標(biāo)簽自定義的屬性，需要通過getAttribute()和setAttribute()方法
setAttribute()方法米愿，設(shè)置元素的屬性值厦凤，需要傳兩個(gè)參數(shù)（屬性名和屬性值）
getAttribute()方法，獲取元素的屬性值育苟，只需要傳一個(gè)參數(shù)（屬性名）
4较鼓、創(chuàng)建和刪除DOM元素
（一）、創(chuàng)建
1）createElement()方法违柏，用于創(chuàng)建DOM元素
2）appendChild()方法博烂，用于在當(dāng)前DOM元素中添加子元素
（二）、刪除
1）自刪 remove()方法漱竖，是元素刪除自己
2）通過父級(jí)刪除子級(jí) removeChild()方法脖母，是刪除元素里面指定的子元素
