JS中常用的DOM基本操作方法总结

DOM常用方法总结：
第一个获取元素的方法：
1.包括了主要的常用获取元素的方法，在上下文中通过ID、class、name以及tagname来获取元素。
同时获取当前页面HTML标签或者BODY的方法包括了：

document.documentElement
document.body
相应的也可以获取一个当前页面的宽度或者高度
document.documentElement.clientWidth
document.body.clientWidth


document.document.clientHeight
document.body.clientHeight


另外还包括
document.querySelector(#div)
document.querySelectorAll


第二个是元素之间节点关系的属性
针对一个元素来说，在一个DOM树里面,也就是它的上下左右关系
上面就是他的父级元素
parentNode
下级元素，也就是子节点
childNodes  获取的是这个元素的所有子节点
children获取的是元素的所有标签子节点
firstChild
lastChild
同级
前一个同级节点元素
previousSibling
nextSibling




第三个就是创建的方法（包括了元素的增删改查）
creatElement  创建一个元素标签      
appendChild   把元素放在容器的末尾 
insertBefore   把元素放在当前元素的前面


div.cloneNode(ture) 克隆当前元素里面所有的内容
div.cloneNode(false) 只克隆当前的元素，没有里面的内容。


replaceChild 替换元素
document.body.replaceChild(odiv4.odiv1) 让odiv4替换odiv1


removeChild（oDiv2）把oDiv2删除