DOM-获取DOM元素,修改属性
web API 基本认知
- 作用和分类
作用:就是使用JS去操作html和浏览器
分类:DOM(文档对象模型),BOM(浏览器对象模型) - 什么是DOM
(文档对象模型)是用来呈现以及与任意HTML或XML文档交互的API
DOM作用:开发网页内容特效和实现用户交互 - DOM树
获取DOM对象
- 根据CSS选择器来获取DOM元素
选择匹配单个元素(可以直接修改)
语法
参数:
包含一个或多个有效的css选择器字符串
返回值:
css选择器匹配的第一个元素,一个HTMLElement对象
如果没有匹配到,则返回null
选择匹配多个元素(不可以直接修改)
语法:
参数:
包含一个或多个有效的CSS选择器 字符串
返回值:
CSS选择器匹配的NodeList对象集合
注意
得到的是一个 伪数组
有长度有索引号的数组
但没有pop() push()等数组方法
想要得到每一个数组,需要进行循环遍历
- 其他获取DOM元素方法
设置/修改DOM元素内容
设置/修改DOM元素属性
定时器-间歇函数