DOM的初步認識

時間 2019-12-09

標籤 dom 初步認識欄目 HTML 简体版

原文原文鏈接

DOM

DOM是什麼

概述

DOM是個縮寫，全稱是Document Object Model。
D表示Document，就是DOM將HTML頁面解析爲一個文檔，同時提供了document對象。
O表示Object，就是DOM將HTML頁面中每個元素解析爲一個對象。
M表示Model，就是DOM中表示各個對象之間的關係。html

DOM的做用

用於解析HTML頁面文檔，方便JavaScript語言經過DOM訪問和操做HTML頁面中的內容。this

DOM結構

DOM樹結構

DOM能夠訪問和更新HTML中的內容、結構和樣式，是由於DOM將HTML解析爲一個樹狀結構。spa

<!DOCTYPE html>
<html lang='en'>
<head>
      <meta charset='UTF-8'>
      <title>示例頁面</title>
</head>
<body>
       <h2>這是一個示例頁面</h2>
       <p id="p" title="this is p.">這是一個段落內容。</p>
</body>
</html>