JS 面试知识学习历程（第六天） -- DOM操作和BOM操作

Chapter6 JS-Web-API – DOM操作和BOM操作

这是我自己的学习过程总结，如果有什么写的不清楚的地方，欢迎大家交流、批评、提问。可以在这里评论，也可以在github上提问，谢谢大家

6.1 DOM操作（Document Object Model）

题目

• DOM是哪种基本的数据结构？
• DOM操作的常用API有哪些
• DOM节点的attr和property有何区别

知识点

• DOM本质
• DOM节点操作
• DOM结构操作

DOM的本质

DOM（Document Object Model——文档对象模型）是用来呈现以及与任意 HTML 或 XML 交互的API文档。DOM 是载入到浏览器中的文档模型，它用节点树的形式来表现文档，每个节点代表文档的构成部分（例如： element——页面元素、字符串或注释等等）。
DOM可以理解为浏览器把拿到的HTML代码，结构化为一个浏览器能识别并且js可操作的模型。

BOM（Browser Object Document）即浏览器对象模型。
BOM提供了独立于内容 而与浏览器窗口进行交互的对象；
由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window；
BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性

DOM节点操作

• 获取DOM节点

  var div1 = document.getElementById('div1') // 元素
  var divList = document.getElementsByTagName('div') // 集合
  console.log(divList.length)
  console.log(divList[0])