1. API是给程序员提供的一种工具,一边能更快实现某种功能
2.Web API 是浏览器提供的一套操作浏览器功能和页面元素的 API ( BOM 和 DOM )。
3.DOM:文档对象模型(Document Object Model,简称DOM),是 W3C 组织推荐的处理可扩展标记语言(html或者xhtml)的标准编程接口。
3.通过id获取元素 (获取的是一个元素,前面不能加父元素)
document.getElementById('ID')
4.通过标签获取元素 (获取的是一个元素对象集合,以伪数组的形式存储)
document.getElementsByTagName(‘标签’)
5.通过类获取元素 (获取的是一个元素对象集合,以伪数组的形式存储)
document.getElementsByClassName(‘类名’)
6.通过选择器获取元素 (返回选择器元素的第一个对象)
document.querySelector( 选择器)
7.通过选择器获取所有元素 ( 返回选择器所有元素的对象集合)
document.querySelectorAll (选择器)
8.获取特殊元素
document.body () //返回body元素对象
document.documentElement () //返回html元素对象
/ / 注意的是,当获取的元素是一个对象集合,此时应该
9.事件 是可以被JS侦测到的行为
10.事件三要素 事件源(触发事件的元素).事件类型(如点击事件)=事件处理程序(事件处理函数)
11.常见鼠标事件
12.改变元素内容
innerText 从其实位置到终止位置的内容,但不会识别html标签,空格和换行都不会保留
innerHtml 从其实位置到终止位置的内容,会识别html标签,空格和换行会保留
13.样式属性操作
element.style.样式属性 = 值 行内样式操作
element.className = 值 类名样式操作
// 注意 类名样式操作 会覆盖原类名,此时可通过加号加元类名