【前端学习指南】JS-Web-API-DOM

1. 前言

   1. Vue和React框架应用广泛，封装了DOM操作
   2. 但DOM操作一直都是前端工程师的基础、必备知识
   3. 只会vue而不懂DOM操作的前端程序员，不会长久

2. 知识点

   1. DOM本质
   2. DOM性能
   3. DOM节点操作
   4. DOM结构操作

3. DOM节点操作

   1. 获取DOM节点
   2. attribute
   3. property

4. 获取DOM节点

   const div1 = document.getElementById('div1') //元素
   const divList = document.getElementsByTagName( 'div') //集合
   console.log(divList.length)
   console.log(divList[0])
   
   const containerList = document . getElementsByClassName( '.container' )//集合
   const pList = document.querySelectorAll('p') //集合