大家好氢卡，我是IT修真院萌新分院的王寒锈至，一枚正直、純潔译秦、善良的前端程序員峡捡。
今天呢 ，我給大家要說的就是常見的Dom操作有哪些诀浪？
背景介紹
DOM與事件是JavaScript最核心的組成部分之一棋返，他們賦予了頁面無線的想象空間，你根本無法離開他們雷猪，否則js將寸步難行。
知識(shí)剖析
什么是DOM?
DOM是Document Object Model（文檔對(duì)象模型的縮寫）晰房。DOM中的三個(gè)字母求摇，D（文檔）可以理解為整個(gè)Web加載的網(wǎng)頁文檔；O（對(duì)象）可以理解為類似Window對(duì)象之類的東西殊者，可以調(diào)用屬性和方法与境，這里我們說的是document對(duì)象；M（模型）可以理解為網(wǎng)頁文檔的樹型結(jié)構(gòu)猖吴。文檔對(duì)象模型( DOM, Document Object Model )主要用于對(duì)HTML和XML文檔的內(nèi)容進(jìn)行操作摔刁。DOM描繪了一個(gè)層次化的節(jié)點(diǎn)樹，通過對(duì)節(jié)點(diǎn)進(jìn)行操作海蔽，實(shí)現(xiàn)對(duì)文檔內(nèi)容的添加共屈、刪除、修改党窜、查找等功能拗引。
常見問題
1.DOM節(jié)點(diǎn)是什么？
加載HTML頁面時(shí)幌衣，Web瀏覽器生成一個(gè)樹型結(jié)構(gòu)矾削，用來表示頁面內(nèi)部結(jié)構(gòu)。DOM將這種樹型結(jié)構(gòu)理解為由節(jié)點(diǎn)組成豁护。
2.常見的DOM節(jié)點(diǎn)有哪些哼凯？如何操作？
解決方案
常見的DOM節(jié)點(diǎn)：
1.getElementById()
2.getElementsByclassname()
3.getElementsByTagName()
擴(kuò)展思考
Html5添加了輔助管理DOM焦點(diǎn)的功能楚里。首先就是document.activeElement屬性断部，這個(gè)屬性始終會(huì)引用DOM中當(dāng)前獲得了焦點(diǎn)的元素。另外就是新增了document.hasFocus()方法腻豌，這個(gè)方法用于確定文檔是否獲得了焦點(diǎn)家坎。
參考文獻(xiàn)
除了常見的這三中還有哪些嘱能？
document.getElementsByName('name屬性值');返回?fù)碛兄付Q的對(duì)象結(jié)合
document/element.querySelector('CSS選擇器');僅返回第一個(gè)匹配的元素
document/element.querySelectorAll('CSS選擇器');返回所有匹配的元素
document.documentElement獲取頁面中的HTML標(biāo)簽
document.body獲取頁面中的BODY標(biāo)簽
document.all['']獲取頁面中的所有元素節(jié)點(diǎn)的對(duì)象集合型
