码迷,mamicode.com
首页 > Web开发 > 详细

JS加强学习-DOM学习01

时间:2016-08-05 23:03:31      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:

JavaScript由三个部分组成:ECMAScript、DOM、BOM。前面已经学习了ECMAScript中的基础内容,现在可以开始学习DOM部分了,在DOM中更多的是实际效果的展现。

1. DOM定义

DOM:document object model 文档对象模型

它是将整个页面文档封装成了一个对象,并且这个文档对象由很多不同的节点组成。

节点包括三部分: 元素节点(标签节点)、属性节点、文本节点。

2. 获取页面的方式

2.1 getElementById

 Id: document.getElementById()  唯一的对象元素

我们在css样式中遇到过标签的id,由于id的唯一性所以在css中不常用,而在DOM中却相反,因为在给页面做DOM属性设置时常为单一对象描述,所以id可以在DOM编写中使用到,每个id的值必须唯一。

2.2 getElementsByTagName

标签: document.getelementsByTagName("标签名")  获取对象数组

我们还可以通过获取标签的方式来获取元素,最后我们获得的是由同样的标签组成的数组。

注意:即使只有一个标签也会组成一个数组。

2.3 getElementsByClassName

类名: document.getelementsByClassName() 获得对象数组

在CSS中我们常用的类选择器也能在DOM中用来获取页面元素,但是document.getElementsByClassName("类名")有很强的兼容性问题,一般不用。

3. 事件

3.1 事件的定义

当我们获取完页面元素后,会对这些获取到的元素设置属性。

而在这时会涉及到事件这个概念。

事件就是用户在文档或浏览器窗口中发生的一些特定的交互瞬间。

事件需要触发和响应两个阶段,触发是指具体的一些交互瞬间,响应是这些交互瞬间引发或得到的某一效果。

3.2 事件三要素

3.2.1 事件源(发生事件的源头):是指被获取到并被引用事件的页面元素。

3.2.2 事件名称:是指具体的交互瞬间的类型。

3.2.3 事件处理程序 :要执行的代码或是结果,常为函数。

3.3 注册事件

获取页面元素又可以称为获取事件源,在获取完事件源之后需要给它设定具体事件,这就叫注册事件。

注册事件分为两种方法:

行内式:on+事件名组成注册事件,直接在对应的标签上注册事件。

内嵌式:on+事件名组成注册事件,用事件源.的形式注册事件。

主要使用on+事件名来注册,其他方法以后遇到了再做补充。

JS加强学习-DOM学习01

标签:

原文地址:http://www.cnblogs.com/chendu/p/5742946.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!