js中有关DOM操作以及事件绑定

如何获取页面的dom元素

1.通过id来获取：document.getElementById(); 得到一个DOM对象
2.通过类名来获取：document.getElementsByClassName();得到一个数组；
3.通过tag标签来获取：document.getElementByTagName('p');得到p元素的一些集合

如何用js来操作dom元素

1.创建元素的方法：createElement();
2.创建一个文本节点：createTextNode();
3.元素插入到页面：

node.appendChild() //插入到node元素节点之后
insertBefore(newNode,node) //插入到node节点之前

4.删除节点：removeChild()
5.替换节点：replaceChild(newNode,node) //替换node节点
6.复制节点：node.cloneChild(true/false) //true 代表复制子节 点 false 代表不复制子节点

js中有12种节点类型，每一种节点类型都有3个属性：nodeType nodeName NodeValue.我常用的节点类型有：元素节点，属性节点，文本节点，注释节点

5.获取当前节点的父节点：parentNode()
6.获取兄弟节点：nextSibiling (某节点之后紧跟的节点) previousSibling(某节点的上一个节点)
7.获取子节点：ele.childNodes-->返回一个数组 firstChild lastChild

DOM绑定事件

1.dom绑定事件有2种方式：

ele.onClick=function(){
}

ele.addEventListner(事件名，事件执行程序，是否冒泡（默认为false，不进行冒泡）)

2.这2种事件绑定方式有什么区别？

第一种绑定方式只会执行最后一次绑定的事件处理程序
第二种可以为一个元素创建多个事件处理程序

DOM事件未完待续。。。随后补充