js的DOM理解

try…catch

try{}catch(e) {}finally{}
Error.name的六种值对应的信息：
1. EvalError：eval()的使用与定义不一致 
2. RangeError：数值越界 
3. ReferenceError：非法或不能识别的引用数值 
4. SyntaxError：发生语法解析错误 
5. TypeError：操作数类型错误 
6. URIError：URI处理函数使用不当
复制代码

es5严格模式

“use strict”
不再兼容es3的一些不规则语法。使用全新的es5规范。
两种用法：
全局严格模式
局部函数内严格模式（推荐）
就是一行字符串，不会对不兼容严格模式的浏览器产生影响。
不支持with,arguments.callee,func.caller,变量赋值前必须声
明，局部this必须被赋值
(Person.call(null/undefined) 赋值什么就是什么),拒绝重复属性和参数
复制代码

DOM

什么是DOM

1.DOM — > Document Object Model
2.DOM定义了表示和修改文档所需的方法。DOM对象即为宿主对象，
由浏览器厂商定义，用来操作html和xml功能的一类对象的集合。
也有人称DOM是对HTML以及XML的标准编程接口。
复制代码

DOM基本操作

1.对节点的增删改查
查看元素节点
document代表整个文档
document.getElementById() //元素id 在Ie8以下的浏览器，
不区分id大小写，而且也返回匹配name属性的元素
.getElementsByTagName() // 标签名
getElementsByName(); //，需注意，只有部分标签name可生效（表单，表单元素，img，iframe）
.getElementsByClassName() // 类名 -> ie8和ie8以下的ie版本中没有，可以多个class一起
.querySelector() // css选择器   在ie7和ie7以下的版本中没有，非实时
.querySelectorAll() // css选择器 在ie7和ie7以下的版本中没有，非实时
复制代码

DOM基本操作

遍历节点树：
parentNode -> 父节点  (最顶端的parentNode为#document);
childNodes -> 子节点们
firstChild -> 第一个子节点
lastChild -> 最后一个子节点
nextSibling->后一个兄弟节点 previousSibling->前一个兄弟节点
基于元素节点树的遍历
parentElement -> 返回当前元素的父元素节点 (IE不兼容) (以下IE不兼容指的是 9 以下)
children -> 只返回当前元素的元素子节点
node.childElementCount  === node.children.length当前元素节点的子元素节点个数(IE不兼容)
firstElementChild -> 返回的是第一个元素节点(IE不兼容)
lastElementChild -> 返回的是最后一个元素节点(IE不兼容)
nextElementSibling / previousElementSibling ->返回后一个/前一个兄弟元素节点（IE不兼容)