这是我参与【第五届青训营】伴学笔记创作活动的第七天 DOM-获取元素，修改元素
Web API基本认知：
作用：就是使用JS去操作html和浏览器
分类：DOM（文档对象模型），BOM（浏览器对象模型）
什么是DOM？
官方话：DOM是用来呈现以及与任意HTML或XML文档交互的API
白话文：DOM是浏览器提供的一套专门用来操作网页内容的功能
DOM作用：开发网页特效和实现用户交互
DOM树是什么：将HTML文档以树状结构直观的表现出来，我们称之为文档树或DOM树
DOM对象：浏览器根据html标签生成JS对象
document是DOM里提供的一个对象，网页所有内容都在document里面
获取DOM对象：
选择匹配的第一个元素
document.querySelector('css选择器')
CSS选择器匹配的第一个元素，一个HTMLElement对象
选择匹配的多个元素
let btn=document.querySelectorAll('CSS选择器')
该方法得到的是一个伪数组：无论有多少个元素都是伪数组
有长度有索引号的数组
但是没有pop（）push（）等数组方法
querySelector()方法可以直接操作修改
querySelectorAll不可以，只能通过遍历的方式一次给里面的元素做修改 都必须加引号
其他获取DOM元素方法
//根据id获取一个元素
document.getElementById('nav')
///根据标签获取一类元素 获取页面所有的div
docunment.getElementsByTagName('div')
//根据类名获取元素 获取页面所有类名为w的
document.getElementsByClassName('w')
设置/修改DOM元素内容
1. document.write()方法
只能将文本内容追加到前面的位置
文本中包含的标签会被解析
document.write('hello world');
document.write('
你好，世界!
')2. 元素innerText属性
将文本内容添加/更新到任意标签位置
文本中包含的标签不会被解析
3. 元素.innerHTML属性
将文本内容添加/更新到任意标签位置
文本中包含的标签会被解析
