DOM是什麼？

今天小菜蟲沒什麼工做任務，瞭解了一下前端知識。雖然學過javascript，html，可是小菜蟲發現，並不理解前端的一些概念，在知乎上看到一個解釋DOM的答案，寫的很是淺顯易懂，摘錄下來，總結學習。

什麼是 DOM

• 你能夠把 DOM 當作節點
• 上圖是一個 html 文件，也就是網頁的結構。
• html 標籤是一個節點（Node）。
• head、title、body、p 標籤都是節點。
• 嵌套其餘節點的節點叫作父節點。
• 被嵌套的節點叫作子節點。
• 同一個父節點下的節點叫作兄弟節點。
• 父親的父親以及上溯十八代祖宗叫作祖先節點。
• 兒子的兒子以及子子孫孫無窮匱也叫作後代節點。

• DOM 有什麼用

• 經過 DOM 你能夠改變網頁。
  • 你能夠使用 Javascript 語言來操做 DOM 以改變網頁。
  • 爲了改變網頁，你必須告訴 Javascript 改變哪個節點。這就是操做 DOM。
  • 好比：
• 這就是前端。
  • HTML 表達靜態結構（網頁有哪些元素，每一個元素表明什麼意義，元素包含了什麼內容）
  • CSS 呈現美化（元素的顏色，形狀，佈局）
  • Javascript 負責動態交互（操做 DOM，使用 Ajax 進行異步刷新，與服務器交互）

• 做者：Fadeoc Khaos
  連接：https://www.zhihu.com/question/34219998/answer/58211568
  來源：知乎
  著做權歸做者全部。商業轉載請聯繫做者得到受權，非商業轉載請註明出處。