JS中的DOM基本操作
一、基本操作：
1.增：
(1) document.createElement(); //创建元素节点；
(2) document.createTextNode(); //创建文本节点；
(3) doucment.createComment(); //创建注释节点；
(4) .createDocumentFragment(); //创建一虚拟的节点对象，节点对象包含所有属性和方法。
2.插：
(1) parentNode.appendChild();
(2) parentNode.insertBefore();
例：div.insetBofore(a(insert),b(before)); //把a插入到b之前；
3.删：
(1) parent.removeChild(); //剪切
(2) child.remove(); //销毁
4.替换：
parent.replaceChild(new,orign);
注：原来的orign被剪切出来；
二、其它操作：
1.查看滚动条距离：
window.pageXOffset/pageYOffset;
2.查看视口尺寸：
window.innerWidth/innerHeight;
3.查看浏览器模式：
document.compatMode;
(1) 标准："CSS1Compat"
(2) 怪异："BackCompat"
4.查看元素的尺寸：
dom.offsetWidth/dom.offsetHeight
5.返回文档最近的父级坐标：(父级需定位）
dom.offsetLeft/dom.offsetTop
6.返回最近的定位父级元素：
dom.offsetParent
注：(1) 如无父级，返回<body>
(2) body.offsetParent;返回null;
7.滚动条运动方法：
(1) scroll()，scrollTo(); //滚动到，不累加；
(2) scrollBy(); //滚动到，累加；
例：scroll(0,100);
