原生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树的对象树,而且是一一对应的树。
注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。