通俗易懂讲DOM

之前写过一篇文章 《究竟什么是DOM?》
但是云里雾里术语搞了一大堆 也没搞明白这究竟是什么东西。

本篇文章就是来通俗易懂的解释什么是DOM
 DOM(文档对象模型)是针对HTML和XML文档的一个API,通过DOM可以去改变文档。
 跟狗屁一样的解释 对吧?
最好是用例子来解释:
  举个例子:我们有一段HTML,那么如何访问第二层第一个节点呢,如何把最后一个节点移动到第一个节点上面去呢?
  DOM就是定义了如果做类似操作,那么应该怎么做的标准。比如用getElementById来访问节点,用insertBefore来插入节点。
  当浏览器载入HTML时,会生成相应的DOM树
  简而言之,DOM可以理解为一个访问或操作HTML各种标签的实现标准。
  对于一个HTML来说,文档节点Document(看不到的)是它的根节点,对应的对象便是document对象(严格讲是子HTMLDocument对象,下面单独介绍Document类型时会指出)。
  换句话说存在一个文档节点Document,然后它有子节点,比如通过document.getElementsByTagName(“html”),得到类型为元素节点的Element html。
  每一段HTML标记都可以用相应的节点表示,例如:
  HTML元素通过元素节点表示,注释通过注释节点表示,文档类型通过文档类型节点表示等。
  一共定义了12种节点类型,而这些类型又都继承自Node类型。

详细的节点类型介绍会在另外一篇博文《DOM(文档对象模型)的12个节点类型》中详细讲述。

所以总结一下 我们不要想什么是DOM,而是我们要时刻记住DOM树

posted @ 2021-01-04 03:01  EvanMeetTheWorld  阅读(131)  评论(0)    收藏  举报