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 獲得的物...