一、基本操作：

　　1.增：

创建元素节点；

创建文本节点；

创建注释节点；

创建一虚拟的节点对象，节点对象包含所有属性和方法。

　　2.插：

　　　　(1) parentNode.appendChild();

　　　　(2) parentNode.insertBefore();

　　　　例：div.insetBofore(a(insert),b(before));  //把a插入到b之前；

　　3.删：

剪切

销毁

　　4.替换：

　　　　parent.replaceChild(new,orign);

　　　　注：原来的orign被剪切出来；

 二、其它操作：

　　1.查看滚动条距离：

　　　　window.pageXOffset/pageYOffset;

　　2.查看视口尺寸：

　　　　window.innerWidth/innerHeight;

　　3.查看浏览器模式：

　　　　document.compatMode;

标准："CSS1Compat"

怪异："BackCompat"

　　4.查看元素的尺寸：

　　　　dom.offsetWidth/dom.offsetHeight

　　5.返回文档最近的父级坐标：(父级需定位）

　　　　dom.offsetLeft/dom.offsetTop

　　6.返回最近的定位父级元素：

　　　　dom.offsetParent

注：(1) 如无父级，返回<body>

返回null;

　　7.滚动条运动方法：

，scrollTo();  //滚动到，不累加；

滚动到，累加；

　　　　例：scroll(0,100);