什麼是DOM物件

2021-09-29 05:43:08 字數 578 閱讀 1111

dom物件 全稱  document object model   文件物件模型

dom主要研究html中的節點(標籤)對節點進行操作,改變標籤屬性,改變css樣式,新增事件等。dom研究的物件是document

操作流程:

1、選擇你要操作的節點

document.getelementbyid("idname")   通過id名獲取元素

document.getelementsbytagname("div")  標籤獲取

(獲取整個網頁中所有的div構成的乙個陣列集合)

document.getelementbyclassname("name") 通過class

獲取整個網頁中class叫name的陣列聚合

2、輸出

1)、document.write()在整個文件輸出

2)、指定的元素中輸出  element.innerhtml=

inner.html指的是元素中的內容

指定的元素中輸出element.innertext=

二者區別:

innerhtml中可以巢狀標籤

innertext 中只能是文字

什麼是虛擬dom

虛擬dom就是乙個特殊的物件。vue之所以執行高效,因為採用了虛擬dom,減少了對真實的dom操作。一 dom和虛擬dom對比 dom 二 dom操作和虛擬dom操作耗時對比 let num 0 console.time test 方式一 平均 60ms 80ms for var i 0 i 100...

面試 vue 什麼是虛擬dom?

官方概念 vue通過建立乙個虛擬的dom數對真實的dom發生的變化保持追蹤 一棵真實的dom樹的渲染需要先解析css樣式和dom樹,然後將其整合成一棵渲染樹,再通過布局演算法去計算每個節點在瀏覽器中的位置,最終輸出到顯示器上面。而我們所提及的虛擬的dom 則可以理解為儲存了一棵dom樹被渲染之前所包...

DOM物件與jQuery物件有什麼不同

jquery物件和dom物件使用說明,需要的朋友可以參考下。1.jquery物件和dom物件 第一次學習jquery,經常分辨不清哪些是jquery物件,哪些是 dom物件,因此需要重點了解jquery物件和dom物件以及它們之間的關係.dom物件,即是我們用傳統的方法 j ascript 獲得的物...