【前端學習指南】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') //集合