DOM是什麼?有什麼用處?js與DOM啥關係?

2021-08-30 02:10:52 字數 687 閱讀 8700

1、dom

dom全稱 document object model,即文件物件模型,它允許指令碼(js)控制web頁面、視窗和文件。物件你知道吧,乙個人就是乙個物件。那麼動物呢,一條狗也是物件,作為高大尚的人怎麼可以和動物扯在一塊,這個時候,是不是就要分類啦比如人類呀,動物啦,植物啦,等等… 所以就有了w3c裡面介紹的那樣咯,dom 標準被分為 3 個不同的部分:

核心 dom - 針對任何結構化文件的標準模型

xml dom - 針對 xml 文件的標準模型

html dom - 針對 html 文件的標準模型

哎呀,說了那麼久,還不是一大堆feihua嗎

2、dom的作用

做網頁的都知道,想要做乙個動態頁面,需要互動之類的,那這個時候,靜態頁面是無法滿足的,千萬別跟我說,你可以提前把要查詢的顯示的內容寫在**裡,那麼多資料,你要寫幾年啊。。要實時變化嘛,當然得有後台支援。就比如你在部落格裡,修改個人資訊,新增乙個標籤頁,刪除個性簽名等等,都需要同步的額。

看看dom樹長什麼樣

dom基本功能:

① 查詢某個元素

② 查詢某個元素的祖先、兄弟以及後代元素

③ 獲取、修改元素的屬性

④ 獲取、修改元素的內容

⑤ 建立、插入和刪除元素

按照不同的型別來分,dom有不同的節點:文件節點、元素節點、屬性節點、文字節點、注釋節點,別說話,看圖:

簡述原型鏈是什麼,有什麼用處?

這裡是修真院前端小課堂,每篇分享文從 八個方面深度解析前端知識 技能,本篇分享的是 簡述原型鏈是什麼,有什麼用處?修真院web小課堂 1 背景介紹 什麼是原型 乙個函式可以看成乙個類,原型是所有類都有的乙個屬性,原型的作用就是給這個類的每乙個物件都新增乙個統一的方法 prototype js都是用n...

簡述原型鏈是什麼,有什麼用處?

這裡是修真院前端小課堂,每篇分享文從 八個方面深度解析前端知識 技能,本篇分享的是 簡述原型鏈是什麼,有什麼用處?修真院web小課堂 1 背景介紹 什麼是原型 乙個函式可以看成乙個類,原型是所有類都有的乙個屬性,原型的作用就是給這個類的每乙個物件都新增乙個統一的方法 prototype js都是用n...

stdafx h是什麼用處?

stdafx.h標頭檔案的作用 stdafx.h檔案中包含了一些必要的標頭檔案 如afxwin.h 對應於stdafx.h有乙個stdafx.cpp檔案,該檔案內包含一句 include stdafx.h 其作用是令編譯器編譯出乙個stdafx.obj預編譯標頭檔案 pre compile head...