DOM操作

api的概念   

API（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。例如：alert()、 prompt()、log()、reverse()、getMonths()

API===函数

通过API操作DOM。BOM

webAPI

浏览器提供的一套操作浏览器功能和页面元素的API

DOM的顶级对象：document

BOM的顶级对象：window

DOM

文档：整个网页看成一个文档document

节点：标签。document  文本内容、属性、注释网页中所有内容都是节点

元素：标签

属性：标签（元素）的属性

获取元素的方法：

1通过ID获取元素-单个元素

  var div1 = document.getElementById("box1");

2通过类名获取元素-多个元素

 var p1Arr = document.getElementsByClassName("p1");

3通过标签名获取元素-多个元素

 var p1Arr = document.getElementsByTagName("div");

4通过name获取元素-多个元素

document.getElementsByName('n')

5通过querySelector（标签名跟css书写选择器规范一样）获取，单个元素，获取第一个元素

6通过querySelectorAll（标签名跟css书写选择器规范一样）获取，多个元素，获取所有元素

获取的都是伪数组

1可以通过索引获取元素，可以通过length获取长度，可以通过for循环遍历数组

2不具有数组中专有的方法

事件

1事件：出发——响应

2事件的三要素：

         1事件源：被触发的元素

         2事件类型：事件触发的方式（鼠标点击、键盘点击、浏览器事件）

         3事件的处理程序：事件触发后要执行的代码（函数）

3事件的写法

        1内部写法

        2外部写法

        3行内写法

清空事件

事件源.事件类型=null；

表单元素

value：用于大部分表单元素的内容获取

type：可以获取input标签类型

disabled：禁用属性，checked：复选框选中属性

selected：下拉菜单

checked：选中

文本：

1 innerText：获取或设置指定元素的文本内容，不能设置富文本

2innerHTML：获取或设置指定元素的所有节点。