JavaScript 如何向一个DOM元素内连续插入N个相同的子节点

有很多方法的

append(content)

向每个匹配的元素内部追加内容。这个 *** 作与对指定的元素执行appendChild方法，将它们添加到文档中的情况类似。

appendTo(content)

把所有匹配的元素追加到另一个、指定的元素元素集合中。实际上，使用这个方法是颠倒了常规的$(A).append(B)的 *** 作，即不是把B追加到A中，而是把A追加到B中。在jQuery 1.3.2中，appendTo, prependTo, insertBefore, insertAfter, 和 replaceAll这个几个方法成为一个破坏性 *** 作，返回值是所有被追加的内容，而不仅仅是先前所选中的元素。所以，要选择先前选中的元素，需要使用 end()方法，参见例二。

。。。。。。

还有很多！你随便找一个jquery的api，里面文档处理里有很多方法的

从定义来理解appendChild() 方法：

appendChild() 方法：可向节点的子节点列表的末尾添加新的子节点。语法：appendChild(newchild)

appendChild方法是在父级节点中的子节点的末尾添加新的节点（相对于父级节点 来说）。

来看个这个简单的实例：在id为box-con 的末尾添加一个子节点div

window.onload = function () {

var btn = document.getElementById("creatbtn")

btn.onclick = function() {

insertEle()

}

}

function insertEle() {

var oTest = document.getElementById("box-one")

var newNode = document.createElement("div")

newNode.innerHTML = " This is a newcon "

//oTest.appendChild(newNode)

oTeset.insertBefore(newNode,null)// 这两种方法均可实现

}

---