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 equivalent

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

本文章首发在 LearnKu.com 网站上。

本译文仅用于学习和交流目的,转载请务必注明文章译者、出处、和本文链接
我们的翻译工作遵照 CC 协议,如果我们的工作有侵犯到您的权益,请及时联系我们。

原文地址:https://learnku.com/docs/javascript-inte...

译文地址:https://learnku.com/docs/javascript-inte...

上一篇 下一篇
MasterShu
贡献者:1
讨论数量: 0
发起讨论 只看当前版本


暂无话题~