1、DOM簡潔
DOM是js中最重要的一部分，沒有DOM就不會通過js實現(xiàn)和用戶之間的交互。
window是最大的瀏覽器對象，在它的下面還有很多子對象，我們要學(xué)習(xí)的DOM就是window對象下面的document對象
DOM（Document Object Model）是由W3C指定的用于訪問諸如XML和HTML等結(jié)構(gòu)化文檔的標(biāo)準(zhǔn)
W3C DOM標(biāo)準(zhǔn)被分為三個不同的部分：
- 核心DOM：針對任何結(jié)構(gòu)化文檔的標(biāo)準(zhǔn)模型
- XML DOM：針對XML文檔的標(biāo)準(zhǔn)模型
- HTML DOM：針對HTML文檔的標(biāo)準(zhǔn)模型
DOM的設(shè)計是以對象管理組織（OMG）的規(guī)約為基礎(chǔ)的，可以用于任何編程語言，DOM以基于對象的方式來描述整個文檔，讓我們可以很方便的操作整個文檔，包括：文檔內(nèi)容的添加、修改、隱藏、顯示，對HTML央視的添加和替換等。
// 例子
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>知數(shù)SEO_專注搜索引擎優(yōu)化和品牌推廣</title>
</head>
<body>
<button onclick="createImg()">點擊生成圖片</button>
<script>
function createImg(){
var img = document.createElement('img'); // 創(chuàng)建圖片標(biāo)簽
img.src = 'https://www.zhishunet.com/static/zhishuindex/picture/weixin.jpg'; // 設(shè)置src屬性
// 顯示到頁面上
document.getElementsByTagName('body')[0].appendChild(img);
}
</script>
</script>
</body>
</html>
2、DOM中的D是什么
DOM中的D指的是document（文檔），在我們進(jìn)行的web開發(fā)中指的就是HTML文檔。我們向服務(wù)器請求頁面，服務(wù)器返回的就是一個HTML文檔，在瀏覽器收到HTML文檔后會把這個文檔處理成一個document對象，然后顯示在瀏覽器中，如果其中有js代碼則會被一一順序執(zhí)行顯示出相應(yīng)的動態(tài)效果
3、DOM中的O是什么
DOM中的O指的是object對象,服務(wù)器返回HTML文檔之后歐瀏覽器會把HTML文檔解析成DOMN對象，放入到內(nèi)存中，再從內(nèi)存中取出這個document對象顯示在瀏覽器中。
正是由于瀏覽器把服務(wù)器返回的HTML文檔轉(zhuǎn)換成document對象并存儲與內(nèi)存中，js才可以操作這些標(biāo)簽元素，呈現(xiàn)出不同的動態(tài)效果。文章來源：http://www.zghlxwxcb.cn/news/detail-809276.html
4、DOM中的M是什么
DOM中的M指的是Model，就是模型的意思，就是瀏覽器在把HTML文檔處理成document對象時所使用的組織形式，也可以說documeng對象是一種表現(xiàn)形式。
DOM在組織HTML文檔的時候以樹狀形式實現(xiàn)的。在收到服務(wù)器返回的HTML文檔之后，DOM會把這個HTML文檔以家譜樹的形式組織起來并存儲到內(nèi)存中，在顯示到瀏覽器中供用戶查看。
家譜樹本身就是一種模型，==使用父(parent)、子(child)、兄弟(sibling)==等記號表示之間的關(guān)系，最大的優(yōu)點就是可以把復(fù)雜的方式簡單化
像這樣大家一看就明白<html>標(biāo)簽是樹的根，代表整個HTML文檔，在它下面<head>和<body>標(biāo)簽是并列的兄弟關(guān)系,在<head>標(biāo)簽中有<meta>和<title>標(biāo)簽。像這樣再復(fù)雜的文檔也能一層層的表示出來，而且標(biāo)簽元素所在的位置也非常容易描述，這就是樹狀結(jié)構(gòu)模型所帶來的好處。文章來源地址http://www.zghlxwxcb.cn/news/detail-809276.html
到了這里，關(guān)于什么是DOM？(JavaScript DOM是什么？)的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
