超简单自动编译sass扩展和工具

本文为叩丁狼高级讲师原创文章，转载请注明出处。

在之前的文章中，学习过了DOM的访问方式，其中也把DOM相关的概念进行了学习，其实DOM的内容还有很多，所以本文将会继续学习DOM操作相关的内容，DOM操作涉及到的操作有：增、删、改、查，而查这方面的内容其实就是上一次所写的“访问方式”。

##DOM的增加

DOM操作中增指的是增加节点，分为两部分：创建节点和插入节点。

###创建节点

创建节点中常用的API方法主要有：

1. document.createElement()：创建指定的HTML元素
2. document.createTextNode()：创建文本节点
3. document.createDocumentFrame()：创建文档片段
4. document.createAttribute()：创建节点属性
5. node.cloneNode()：克隆节点

###插入节点###

插入节点常用的API方法主要有：

1. node.appendChild()：末尾追加一个新节点
2. node.insertBefore()：插入一个新节点

<div id="div1">
<p id="p1">这是一个段落</p>
<p id="p2">这是另一个段落</p>
</div>

<script>
var para=document.createElement("p");
var node=