JS HTML DOM总结

HTML DOM 定义了访问和操作HTML 文档的标准方法。 DOM 以树结构表达HTML 文档。
HTML DOM可以访问所有的元素。提供给Javascript用来动态修改文档状态。
查找HTML元素的方法是：
1）通过id
2）通过标签名
3）通过类名

怎么说呢，我还是蛮讨厌菜鸟教程这种教授方式的，只会教你一些语法，不告诉你这个到底是干什么的。让人学到最后就学会了一堆记不住的语言。所以菜鸟教程更像是一个快速api一样的东西。
引用的那篇文章写得很不错，大概总结一下吧。

js就像一个魔法师一样，会动态修改页面。但是这也给浏览器解析文档带来了很大的不便。比如说要是完全不会有修改，浏览器只做一次解析就可以了，但是要是存在修改的话，浏览器又要进行重新解析，如果修改的地方多的话，重新解析也是可以接受的，但是就是存在这样的情况，只修改一点点，但是也要求全部解析的话，就得不偿失了。
所以DOM就出现了，浏览器会跟踪DOM树的变化，一旦DOM树变化，页面也会做出相应变化。
也就是js操控html的api。

https://juejin.cn/post/6874122479569371149
https://blog.youkuaiyun.com/u012155729/article/details/78135393?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-2.control&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-2.control