appendChild append insertBefore prepend
Posted Marydon
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了appendChild append insertBefore prepend相关的知识,希望对你有一定的参考价值。
CreateTime--2017年11月2日16:57:59
Author:Marydon
appendChild()与append() insertBefore()与prepend()区别
c.在父元素最后插入一个子节点javascript方式
appendChild("这里只能是标签元素"),
如:appendChild(‘div‘),想要指定标签样式及标签体内的内容,需像最上面那样,先动态创建一个元素并指定属性,再拼接
举例:
//body标签添加一个子节点 document.body.appendChild(divTag);
jQuery方式
append("可以直接拼接html片段或文本内容")
举例:
//方法一 $("body").append(divTag); //方法二 $("body").append("<div id=‘test‘></div>")
d.在父元素最前面插入一个子节点
在指定的同级元素前面插入兄弟节点
javascript方式
insertBefore(目标对象,插入位置)
该方法只能通过父节点来完成对子节点的拼接
举例:
//在a标签前面插入一个兄弟节点 var aTag = document.getElementById("test"); document.body.insertBefore(divTag,aTag);
jQuery方式
prepend("可以直接拼接HTML片段或文本内容")
举例:
$("#test").prepend(divTag);
以上是关于appendChild append insertBefore prepend的主要内容,如果未能解决你的问题,请参考以下文章