html文档组成三要素,javascript中DOM部分基础知识总结(示例代码)

1.DOM介绍

1.1 DOM概念

文档对象模型(Document Object Model)，它定义了访问和处理HTML文档的标准方法。现在我们主要接触到的是HTML DOM。

HTML文档中的每个成分都是一个节点。HTML文档中的所有节点组成了一个文档树(节点树)。HTML文档中的每个元素、属性、文本等都代表着树中的一个节点。树起始于文档节点，并由此继续延伸枝条，直到处于这棵树最低级别的所有文本节点为止。学习DOM，就是学习一些操作页面元素的API(方法)。下图表示一个文档树。

1.2 DOM的组成

DOM是由节点组成的。节点又分为标签节点、属性节点、文本节点。

1.3 DOM的用途

通过JavaScript，我们可以重构整个HTML页面文档。可以添加、移除、改变或重排页面上的项目。要改变页面的某个东西(即动态改变)，JavaScript就需要获得对HTML文档中所有元素进行访问的入口。这个入口，连同对HTML元素进行添加、移动、改变或移除的方法和属性，都是通过文档对象模型(DOM)来获得的。

2.获取页面元素的三种方式

document.getELementById(idStr);

document.getElementsByTagName(tagStr);

document.getElementsByClassName(classStr);     //不常用

3.事件

3.1 什么是事件

事件就是文档或浏览器中发生的某些特定的交互瞬间。可分为触发(发生的什么事，做的什么操作)和响应(得到或达到的什么效果)两个阶段。

3.2 事件的三要素

a，事件源     //要注册事件的对象

b，事件名称     //要注册哪种事件，click、mouseover等等

c，事件处理程序     // 要执行的函数

3.3 注册事件的三种方式

a，行内式

1