前端杂谈 · Web

DOM是什么?

•̀.̫•́✧ · 6月6日 · 2020年本文510字 · 阅读2分钟1,694

DOM 即 文档对象模型 是 HTML 和 XML 文档的接口 (API)。当浏览器首次读取(解析)我们的 HTML 文档时,它会创建一个大的对象,一个以 HTML 文档为基础的非常大的对象,这个就是 DOM。它是从 HTML 建模的树状结构。DOM 用于交互和修改 DOM 结构 或者特定的元素或节点

假设我们现在有个这样的 HTML 结构:

<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>Document Object Model</title>
</head>

<body>
   <div>
      <p>
         <span></span>
      </p>
      <label></label>
      <input>
   </div>
</body>

</html>

等效的 DOM 将会是这样:

DOM是什么?-歪?是3.1415926吗

JavaScript 中的 document 即是 DOM。它为我们提供了很多可用于选择元素来更新元素内容的方法。

0 条回应