前端学习——DOM&Timer

DOM：文档对象模型

1. DOM Element 元素操作：

获取标签：

document.getElementById()

获取多个标签：

document.getElementsByTagName()

这会返回一个伪数组形式，不支持数组的一系列方法但是支持索引、长度这种基本操作
元素文本内容：

xxx.textContent()

按照选择器进行元素获取的方式：

document.querySeletorAll()

这种获取方式会对于多个元素会返回NodeList

传入参数的选择器等同于CSS选择器

去掉All只会选中匹配的第一个元素

获取前一个元素：

item.previousElementSlibing

获取后一个元素：

item.nextElementSlibing

获取父元素：

item.parentNode

获取子元素：

item.children

1. 更改样式：

item.style

使用js进行样式处理不方便且有性能损耗，在css中设置好一个类的样式使用js更改类名来实现样式处理更好

1. 文本处理：

item.innerHTML

可以用来处理生成需求

1. 事件处理

item.addEventListener()

处理事件不会被覆盖

1. 定时器

延迟定时器：

setTiemout(function (),time)

间隔执行定时器：

setInterval(function(),time)

每间隔time时间执行一次

停止定时器：
定时器都会返回一个定时器标识编号，清除定时器的方法如下

clearInterval(timer)

BOM：浏览器对象模型