DOM是什么

犀牛前端部落 分类:面试题

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是什么

JavaScript中的document对象表示DOM。它为我们提供了许多方法,我们可以使用这些方法来选择元素以更新元素内容等等。

该系列为面试题系列,俺的答案可能也存在瑕疵或不正确的地方,欢迎大家踊跃讨论。

回复

我来回复
  • 暂无回复内容