我們常常在面試的時候會被問到什麼是dom，接下來我會和大家一起共同**什麼是dom
文件物件模型（document object model），用於操作「頁面上元素」的api，比如讓盒子移動，改變盒子樣式顏色等
構成html的基本單位，網頁上的每一部分都是乙個節點，比如html標籤，文字，屬性等
常見節點主要分為四類
文件節點：整個html文件就是乙個文件節點
元素節點：html標籤（如div，img等）
屬性節點：元素屬性（如src，class，id等）
文字節點：html中的文字內容
重點：dom是由節點構成，所有節點都是物件
dom節點的操作例子：
建立節點
父節點.insertbefore(新的子節點,作為參考的子節點) //在參考節點前插入乙個新的節點
刪除節點
父節點.removechild(子節點); //可以刪除父節點中指定的子節點
node.parentnode.removechild(node); //可以通過這樣刪除本身節點
要複製的節點.clonenode(); //這裡只複製節點本身，不複製子節點
要複製的節點.clonenode(true); //帶true複製節點本身包括子節點
var div1 = document.getelementbyid("box1"); //獲取乙個元素節點
var attribute = div1.getattributenode("id"); 獲取box1的屬性節點
var arr1 = document.getelementsbytagname("div"); //通過標籤名獲取元素節點陣列
var arr2 = document.getelementsbyclassname("xixi") //通過類名獲取元素節點陣列
DOM詳解 二 DOM查詢
1.三個元素不用找，可直接獲得 document.documentelement document.head document.body 2.節點間關係 2大類 不常用 何時 只要已經獲得了乙個節點，找周圍節點時 節點樹 包含所有節點 元素,文字 的完整的樹結構 1.父子關係 elem.parent...
DOM詳解 三 DOM修改
1.innerhtml 獲取或設定元素開始標籤到結束標籤之間的html 片段。2.textcontent 獲取或設定元素開始標籤到結束標籤之間的純文字內容。2件事 1.去掉了html標籤 2.將轉義字元轉換為正文 何時 如果希望去掉內容中的標籤，僅獲取文字內容時 textcontent有相容性問題 ...
vue前端開發必備
編譯軟體 vscode 微軟出品 sublimetext webstorm或者idea 工具列表 vue.js devtools 除錯工具 adguard廣告截器 web前端助手 vuex snipaste 很方便快捷的截圖工具，極其強大 pxcook 對ps圖進行元素樣式解析，直接複製，即可使用 ...