WebAPI（一）

1.概念：

　　HTML：确定网页的结构

　　CSS：确定网页的样式

　　JS：确定网页的行为（交互）

　　DOM：文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口，一套js来操作网页内容的函数

　　BOM：BOM(Browser Object Model) 是指浏览器对象模型，是用于描述这种对象与对象之间层次关系的模型，一套js来操作浏览器的函数

　　WebAPI：一套操作网页的函数（函数功能，参数，返回值）

 

2.获取网页元素：

　　id：document.getElementById('id')

　　标签名：document.getElementsByTagName('')

　　类名：document.getElementsByClassName('')

　　name属性：document.getElementsByName('')，一般适用于input标签

　　选择器：querySelector()、querySelectorAll()，使用灵活，可适应多种方式

 

3、元素对象的属性操作：

　　属性值都是字符串

　　获取只能是行内属性，但设置对行内、行外（内连/外连）属性都可以

　　类名使用className来获取

 

4、事件：

　　事件三要素（事件源：元素对象；事件类型：（鼠标点击，鼠标移入）；事件处理（响应）：执行函数）

　　事件类型（鼠标单击：onclick；鼠标移入：onmousemove；鼠标移出：onmouseout；成为焦点：onfocus；失去焦点：onblur）