文章转载自： 微点阅读  https://www.weidianyuedu.com

第一种：

functioninsertele(){

varotest=document.getelementbyid("box-one");

varnewnode=document.createelement("div");

varreforenode=document.getelementbyid("p1");

newnode.innerhtmL="thisisanewcon";

otest.insertbefore(newnode,reforenode.nextsibling);//新建的元素节点插入id为P1节点元素的后面。

}

第二种：

自定义函数向后插入；

functioninsertafter(newelement,targetelement)

{varparent=targetelement.parentnode;

if(parent.lastchild==targetelement)

如果最后的节点是目标元素，则直接添加。

因为默认是最后；

parent.a(newelement);else

如果不是，则插入在目标元素的下一个兄弟节点的前面；

也就是目标元素的后面

parent.insertbefore(newelement,targetelement.nextsibling);

扩展资料；

Javascript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。

它的解释器被称为Javascript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在htmL（标准通用标记语言下的一个应用）网页上使用，用来给htmL网页增加动态功能。

在1995年时，由netscape公司的brendan eich，在网景导航者浏览器上首次设计实现而成。

因为netscape与sun合作，netscape管理层希望它外观看起来像Java，因此取名为Javascript。

但实际上它的语法风格与self及scheme较为接近。

为了取得技术优势，微软推出了Jscript，cenvi推出scriptease，与Javascript同样可在浏览器上运行。

为了统一规格，因为Javascript兼容于ecma标准，因此也称为ecmascript。