Javascript中的DOM操作事件

概念：

DOM是指文档对象模型，是HTML和XML文档的编辑接口

HTML DOM定义了访问和操作HTML文档的标准方法。

DOM以树结构表达HTML文档

 

Javascript分三个部分：

ECMAScript标准：JS的基本的语法

DOM：document object model  文档对象模型 操作页面的元素

BOM：Browser object Model  浏览器对象模型 操作的是浏览器

DOM ：文档对象模型

文档：把一个html文件看成是一个文档，由于万物皆对象，所以把这个文档看成是一个对象XML文件也可以看成是一个文档；

HTML：展示信息，展示数据的；

XML：侧重于存储数据；

Html文件看成是一个文档，那么这个文档看成是一个对象，文档中的所有标签都可看成是一个对象；

页面中的每个标签，都是一个元素(element)，每个元素都可以看成是一个对象，标签可以嵌套，标签中有标签，元素中有元素

html页面中都有一个根标签--html--也叫根元素

页面中的有一个根元素(标签--html)，里面有很多的元素(有很多的标签，很多对象)

元素(element)：页面中的所有标签都是元素，元素可以看成是对象

节点(node)：页面中所有的内容都是节点：标签，属性，文本

root：根

页面就是文档-document，文档中有根元素：html；

DOM经常进行的操作：

1. 获取元素
2. 动态创建元素
3. 对元素进行操作(设置属性或者调用其他方法)
4. 事件(什么时候做相应的操作)

DOM点击操作事件:

就是一件事，有触发和响应，事件源

按钮被点击，弹出对话框

按钮—事件源

点击—事件名字

被点了—触发了

弹框了—响应