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. 使用innerText与innerHTML都可以获得页面元素之间的内容
2. 不同的是innerText只会获取文本信息 ,而innerHTML会将标签之间的标签也获取而,而且是原样输出
3.innerText在早期的火狐浏览器中是不支持的,早期的火狐浏览器只支持textContent,新版本的火狐浏览器两者都支持。
4.innerText设置的时候,会原样输出,而innerHTML会将里面的标签渲染成正常的HTML标签 显示出来