JavaScript HTML DOM事件

Document 对象属性和方法 

属性	描述
etElementById()	元素的ID名称来访问，返回对拥有指定id的第一个对象的引用
getElementsByName()	按元素的name名称来访问，返回带有指定名称的对象的集合
getElementsByTagName()	按标签来访问，返回带有指定标签名的对象的集合
querySelector()	指定选择器的第一个元素
querySelectorAll()	指定选择器的所有元素
getElementsByClassName()	通过类名获取元素集合

通过父节点对象查找子节点对象

属性	描述
firstChild	获取当前元素的第一个子节点
astChildl	获取当前元素的最后一个子节点
childNodes	获取当前元素的所有子节点 可能会有空格
firstElementChild	查找父节点下的第一个子元素节点
lastElementChild	查找父节点下的最后一个子元素节点
children	获取当前元素的所有子元素

通过子节点对象查找父节点对象

属性	描述
parentElement	通过子节点查找父元素
parentNode	获取当前元素的父元素

通过子节点查找兄弟节点

属性	描述
previousSibling	获取当前元素的前一个兄弟节点
nextSibling	获取当前元素的后一个兄弟节点
previousElementSibling	获取当前元素的前一个兄弟节点
nextElementSibling	获取当前元素的后一个兄弟节点

查看/修改/删除属性节点

属性	描述
getAttribute("属性名")	查看属性节点
setAttribute("属性名","属性值")	修改属性节点
removeAttribute(“属性名”)	删除属性节点

创建和增加节点 

属性	描述
createElement（）	创建元素节点
appendChild（）	末尾追加方式插入节点
insertBefore（）	在指定节点前插入新节点
cloneNode（）	克隆节点

var命令

var声明的变量会存在变量提升

（1）声明赋值语句在打印语句后面

（2）未使用var声明的变量不会放在对象中，只是给全局添加了一个属性。所以查找不到，会抛出异常。而用this可以找到

（3）函数声明优先级高于变量声明

let命令

let声明的变量不存在变量提升

（1）声明赋值语句不能在打印语句后面

（2）let不能重复声明