DOM与BOM操作
DOM复习
DOM -- Document Object Model --> 文档对象模型
一个网页可以称为文档.通过js代码实现找到/操作网页文档内容
document -- 文档
element -- 元素
node -- 节点
event -- 事件
Browser -- 浏览器
DOM操作流程:
1.获取目标元素
2.进行对应操作
document.getElementById() // 通过id获取元素
document.getElementsByClassName() // 通过类名获取元素
document.getElementsByTagName() // 通过标签名获取元素
获取到元素对象后.就可以使用/修改里面的属性/方法
获取到的元素对象表示形式类似于数组: 1.有下标 2.能遍历数据 3.不能使用数组的方法
用类名/标签名获取到的数据.哪怕只有一个对象.也是存在伪数组里的
DOM补充
可以通过dom对元素进行增删改查操作 --> 增删改查是基于Node节点来实现的
parent: 父级
child: 子级
初识BOM:
Browser Object Model --> 浏览器对象模型
dom简单来说就是通过js和网页内容进行交互
bom简单来说就是通过js和浏览器进行交互(弹窗,刷新,加载)
其实我们之前用的alert,prompt.都属于bom操作 --> 控制浏览器弹出一个窗口再进行操作 --> 他们都属于同一个对象.叫做window(当前页面窗口)
window.alert()
window.prompt()
但是一般不这么写.因为网页默认运行
定时器:
作用就是可以让网页里的一段程序.过一阵子再运行
setInterval() > 周期性定时器 > 隔一阵子就运行一次
setTimeOut() > 一次性定时器 > 执行一次就结束