[聚合文章] 原生DOM的认识

JavaScript 1900-01-01 29 阅读

原生DOM确实难用,反人类,不过先把基础整好,后面框架估计好学点。

1. DOM是啥

1.1 知识回顾

先回顾一下HTML的基本结构

<!DOCTYPE html><html lang="zh-Hans"><head></head><body></body></html>

以上就是最简单的HTML 5的结构。一般我们会把它处理成一棵树,一棵节点树。

[图片上传失败...(image-c5c7d8-1515149293823)]

以上就是一棵树,浏览器把html渲染成的树,也就是document结构。每个框就是一个Element、html特殊点就是Document、标题是Text。


Document、Element、Text 的祖先都是Node。

可是在内存中,存的不是html树,是一棵对应html树的对象树,而且是一一对应的树。

注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。