JS：dom基本操作与用法

元素的获取

 1. document.getElementById().根据id获取元素
 2. document.getElementByTagName().根据标签名获取元素
 3. document.getElementByName().根据name获取元素
 4. document.querySelector().用于返回指定选择器的第一个元素
 5. documen.querySelectorAll().用于返回指定选择器的所有元素
 6. document.getElementByClassName().根据类名获取元素
 第4，5，6个为html5新增的获取方法，以下是代码的实现

<script>
        // 根据id获取元素
        var one=document.getElementById('two');
        console.dir(one);
        // 根据标签获取元素
        var li=document.getElementsByTagName('li');
        console.dir(li);
        // 根据name获取元素
        var name3=document.getElementsByName('three'); 
        console.dir(name3);
        // 根据类选择器来获取two第一个元素
        var q=document.querySelector('two');
        console.dir(q);
        // 根据类选择器来获取two的所以元素
        var qa=document.querySelectorAll('two');
        console.dir(qa);
    </script>

事件

onclick.鼠标点击事件
onblur.失去焦点事件
onfocus.获取焦点事件
onmouseover.鼠标经过事件
onmouseout.鼠标离开事件
onmousedown.鼠标按下触发事件
onmouseup.释放鼠标触发事件
onmousemove.移动鼠标触发事件
keypress.键盘按下事件，不识别功能键
keydown.键盘按下触发事件
keyup.键盘松开事件

事件监听方式

事件监听方式分为两类：早期版本的IE8一下浏览器与W3C浏览器的两种监听实现方式

IE8一下：
attachEvent(type,callback);添加事件，处理顺序时倒序
detachEvent(type,callback);删除事件
W3c:
addEventListener(type,callback);添加事件，处理顺序是正序
removeEventListener(type,callback);删除事件

属性操作

getAttribute('').用于返回指定元素的属性值
setAttribute('属性','值').用于设置属性值
removeAttribute('').移除属性值

节点操作

parentNode().获取父节点
children()  childNode().获取子节点（建议使用children()这个方法）
firstChildren()   firstElementChild()获取第一个子节点这两个方法都有一定的缺陷前者会返回其他节点，后者会产生兼容问题，在实际开发中一般使用children[i].
lastChildren()   lastElementChild()获取第一个子节点这两个方法都有一定的缺陷前者会返回其他节点，后者会产生兼容问题，在实际开发中一般使用children[length-1].
nextSibling()获取下一个兄弟节点
previousSibling()获取上一个兄弟节点.
document.write()创建元素，会重载页面
element.innerHTML将内容写入DOM中不会重载
document.createElement().创建多个节点时效率较低，结构较为清晰
appendChild().追加节点，将节点添加到指定父节点的子节点列表末尾
insertBefore().将节点添加到父节点的指定子节点前面
removeChild(child).删除子节点
node.cloneNode().复制节点
node.cloneChild(true/false).参数为false或是空时不复制里面的子节点，为true时会复制节点及其子节点.

持续更新中。。。。。。。。