DOM基础

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

１.　使用innerText与innerHTML都可以获得页面元素之间的内容

 

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

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

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