码迷,mamicode.com
首页 > 其他好文 > 详细

DOM基础

时间:2016-08-06 01:51:32      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:

DOM的定义

document object  model

是将整个页面文档封装成了一个对象,就是一个文档对象学习DOM,就是学习一些操作页面元素的API(对象的方法)

整个页面就是一个文档,是由很多的节点组成的

节点又包括三部分: 元素     属性    文本 

 

获取页面元素三种方法:

document.getElementById        通过id来获取页面元素,id只有一个,所以element是单数

document.getElementsByTagName            通过元素名来获取页面元素,获取到的是一个数组,所以element是复数,即使只有一个标签,也算是只有一个字符串的数组

document.getElementsByClassName             通过类名来获取页面元素,也是复数,有很强的兼容性,不推荐使用

事件的定义:

事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。触发(发生的什么事件)和响应(得到或是达到某一效果

事件三要素:

1.事件源(发生事件的源头)

 

2. 事件名称

 

3. 事件处理程序 (要执行的代码或是结果)

注册事件有两种:

行内式   on是注册事件   直接在对应的标签上注册事件

 

内嵌式 : on

阻止跳转行为用return false

innerText和innerHtml

1. 使用innerTextinnerHTML都可以获得页面元素之间的内容

 

2. 不同的是innerText只会获取文本信息 ,而innerHTML会将标签之间的标签也获取而,而且是原样输出

 3.innerText在早期的火狐浏览器中是不支持的,早期的火狐浏览器只支持textContent,新版本的火狐浏览器两者都支持。

 4.innerText设置的时候,会原样输出,而innerHTML会将里面的标签渲染成正常的HTML标签 显示出来

 

DOM基础

标签:

原文地址:http://www.cnblogs.com/sw1990/p/5743153.html

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