前端JS-Day17

JS Web API

DOM：文档对象模型

 

 

DOM树：

 DOM对象： 

获取元素的方法：

① 根据ID：getElementById( )方法.

② 根据标签名：getElementByTagName( )方法. 返回元素对象的集合，以伪数组方式存储

 

③ 通过H5新增方法获取：getElementByClassName获取的是对象集合。

 

④ 特殊元素获取：获取body元素，获取html元素

getElementByTagName与querySelectorAll的区别：

getElementByTagName：获取的类数组无法通过forEach遍历，但可以通过for循环，数组为动态。

querySelectorAll：可以通过forEach遍历，数组为静态：但是DOM内部发生变化，依旧会动态改变。

 

事件：由事件源、事件类型、事件处理程序三部分组成。

① 事件源：事件被触发的对象。

② 事件类型：触发方式、事件内容。

③ 事件处理程序：通过函数赋值方式完成事件。

 

 鼠标事件：

操作元素：JS的DOM操作可以改变网页内容、结构和样式。

innerText和innerHTML的区别：

1.innerText不识别html标签，去除空格和换行。

2.innerHTML识别html标签，保留空格和换行。

 

 样式属性操作：

 style属性只能获取和设置行内样式，在类样式中定义样式无法获取。

CSS类扩展：

 

 

 onfocus得到焦点，onblur失去焦点。

 定时器---间歇函数：