DOM元素操作基础

javascript的DOM文档对象模型的综合知识
dom的操作，主要是针对元素的创建，增，删，改，查，属性操作，文档操作
1 创建元素
（1） document.write
遍历文档完成后，会导致文档重塑不推荐使用
（2） innerHTML
（3） createElement
2 增加节点
（1）appendChild
（2）insertbefore
3 删除节点
（1）removeChild
4 改
主要是修改dom的元素属性，dom元素的属性，内容，表单的内容，值等，（修改表单内容和修改一般元素内容不同）
（1）修改元素属性 src，herf，title；
（2）修改普通元素内容 innerHTML，innerText；
（3）修改表单元素 value type disabled；
（4）修改元素样式 style className；
5 查
（1）dom提供的API方式getElementByTagName，getElementById，此方式比较古老，较少使用。
（2） H5新增的方法 querySelector获取多个对象中的第一个，querySelectorAll获取多个形成一个数组。
（3）利用节点获取元素 父parentNode 子children 兄previousElementSibling，nextElementSibling。（有兼容性问题)
6 属性操作
（1）setAttribute 设置dom的属性值
（2）getAttribute 获得dom的属性值
（3）removeAttribute移除dom的属性
7 事件操作
noclick 鼠标左击触发
onmouseover 鼠标经过触发
onmouseout 鼠标离开触发
onfoucus 鼠标获得焦点触发 用于表单输入
onburl 鼠标失去焦点触发
onmousemove 鼠标移动触发
onmouseup鼠标弹起触发
onmousedown 鼠标按下触发