Web前端开发笔记之JS回顾05——DOM、间歇定时器

目录

DOM树：

DOM对象：

获取元素：

 设置/修改元素：

 修改元素属性：

 修改样式属性：

表单类型属性修改：

 间歇定时器：

由于基础中已经详细讲解过DOM是什么这里就不再赘述了。

下面来回顾一下，什么是DOM树：

DOM树：

这里我们再回忆一下DOM对象：

DOM对象：

 至此，我们基本了解了DOM是什么，能干什么，下面我们来操作一下DOM：

获取元素：

当然我们也有多选的情况，可能在往期的学习分享中，我们是用getElement系列的众多方式做为选择，但由于现在想追求效率和追求代码的简单性，我们使用query选择方式更方便快捷。

在这里，我将getElement系列也呈现一下：

 设置/修改元素：

 主要说一下上面的三个操作用法：

 修改元素属性：

 修改样式属性：

 下面主要说一下上面的三种修改样式方法：

  className方式总是会替换掉原先的类，并且还需要回头看，这个被选中的元素的原有类。所以想下面我们来看看另一个方法。

表单类型属性修改：

 有一些表单的元素是需要bool控制的，如下：

 间歇定时器：

 间歇定时器反复间隔一定时间的执行某方法或函数。

开启和关闭用法如下：