1.什么是DOMDOM是“DocumentObjectModel”的缩写,中文译为“文档对象模型”。它是一个跨平台、跨语言的编程接口,将HTML、XHTML和XML文档映射成树状结构,树的每个节点都是一个对象。正因为如此,面向对象的编程语言(如javascript)可以通过DOM对HTML、XHTML、XML文档进行操作。对于一个HTML文档,它的根节点是document对象,HTML元素是element对象,HTML元素的属性是attr对象。2、什么是DOM事件,如何响应?在浏览网页时,我们经常需要页面响应用户的操作。例如,点击“阅读全文”后,我们希望页面显示折叠的文本。按下Enter键后,浏览器提交填写的表单。各种用户操作是“事件”。事件发生在对象上,对象可能是DOM对象、BOM对象等。事件发生后,对象可能会做出反应,或者“什么都不做”。我们希望DOM元素响应事件。一般来说,有两种方法:i.事件属性事件属性是一种特殊的属性,它的值指定了相应事件发生时需要执行的javascript脚本。示例:在上面的button标签中添加事件属性onclick,其值为"console.log('buttonclicked!')",指定当元素被鼠标点击时,控制台输出'buttonclicked'。ii.addEventListener()方法EventTarget.addEventListener()方法将指定的监听器注册到EventTarget,当对象触发指定的事件时,将执行指定的回调函数。EventTarget可以是元素对象、文档对象或任何其他支持事件的对象。示例://在脚本中varmybutton=document.getElementById('mybutton');mybutton.addEventListener('click',function(e){console.log('按钮被点击了!');});上面的例子为button元素注册了一个click事件的监听器,并指定在指定事件时触发控制台输出'buttonclicked'。3.DOM事件模型在讲解DOM事件模型之前,先用一个例子来做介绍。请看下面的html文件:DOM事件模型