https://static.xiedaimala.com/xdml/file/3ac7c224-c23d-491f-84b5-4fabfbeab9b8/2019-10-15-11-2-44.pdf
网页其实是一棵树
image.png

画成图就是下面这个样子
image.png

JS是如何操作这颗树的？
浏览器网 window 上加一个 document 即可

JS 用 document 操作网页，这就是 Document Object Model 文档对象模型
**
DOM自带的功能很难用，所以我们使用其他方法操作DOM
比如：jQuery vue react

获取元素的API

获取元素，也叫标签

image.png

image.png

获取特定元素

image.png

div 原型链

image.png

image.png