获取DOM元素，修改属性

Web API基本认知

1.作用和分类

作用：就是使用js去操作html和浏览器

分类：DOM(页面文档对象模型)，BOM（浏览器对象模型）

js分为ECMAScript（js语言基础）和WebAPIs

WebAPI又分为DOM(页面文档对象模型)，BOM（浏览器对象模型）

2.什么是DOM

DOM(页面文档对象模型)是用来呈现以及与任意HTML或XHL文档交互的API

白话文：DOM是浏览器提供的一套专门用来操作网页的功能 操作html和css

作用：

开发网页内容特效和实现用户交互

3.DOM树

将html文档以树状结构直观的表现出来，我们称之为文档数或DOM树

描述网页内容关系的名词

作用：文档树直观的体现了标签与标签之间的关系

4.DOM对象（对象）

DOM对象：浏览器根据html标签自动生成js对象

所有标签属性都可以在这个对象上面找到

修改这个对象的属性会自动映射到标签身上

DOM的核心思想

把网页内容当做对象来处理

Document对象

是DOM里提供的一个对象

所以他提供的属性和方法都是用来访问和操作页面内容的

网页所有的内容都在document里面

获取DOM对象

1.根据css选择器来获取DOM元素（重点）

1.1选择匹配一个元素

语法：

document.qu