实例
$("p").append("Some appended text.")
jQuery prepend() 方法在被选元素的开头插入内容。
实例
$("p").prepend("Some prepended text.")
JS原生API插入节点的方式大致有innerHTML、outerHTML、appendChild、insertBefore、insertAdjacentHTML、applyElement这6种。
innerHTML：获取标签内部的HTML内容。
outerHTML：获取包括目标标签在内，以及内部HTML的内容。
appendChild：向目标标签末尾添加子节点，返回参数节点。
insertBefore：向目标节点的第二个参数位置添加第一个参数为子节点，返回第一个参数。
insertAdjacentHTML：向目标节点的指定位置添加节点；第二个参数为要添加的节点，第一个参数指定位置，位置包括beforebegin(添加为previousSibling)、afterbegin(添加为firstChild)、beforeend(添加为lastChild)、afterend(添加为nextSibling)。它还有两个兄弟函数，分别是insertAdjacentElement和insertAdjacentText，前者添加元素并返回该元素，后者添加文本。
applyElement：IE的函数，将参数节点设置成目标节点的外包围或者内包围；第一个为参数节点，第二个参数指定方式，方式包括inside(内包围，即参数节点将目标节点的子节点包起来)、outside(外包围，即参数节点将目标节点包起来)。
使用 after 方法可以实现这种效果。
例如，我想在第2个DIV的后面动态去添加一个DIV,该如何实现?
html 代码：
<div id="parent"><div id="one">1</div>
<div id="two">2</div>
<div id="three">3</div>
</div>
Js 代码：
$(function(){
$("#two").after("<div>我是新添加的内容</div>")
//选择 ID 为 #two 的 DIV 节点，在其后边添加一个 DIV 节点
})
先掌握这种方法，然后再探究其他更多实现方式。
1、首先获取要添加的节点的节点，然后创建一个节点，添加到节点的前面。
2、<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>DOM树 *** 作</title> <script> function f1(){。
3、找到狮子狗这个节点 通过id查找到狮子狗节点 var ul=document.getElementById("d1")。
4、</head> <body> <!--在ul列表中追加一个蛮王英雄--> <ul id="d1"> <li>亚索</li> <li>狮子狗</li> <li>披甲龙龟</li>。
5、 </ul> <input type="button" value="追加蛮王" onclick="f2()" /> </body></html>。
6、在狮子狗节点后追加一个<li>蛮王</li> a.找到狮子狗这个节点 通过id查找到狮子狗节点 var li=document.getElementById("l1") b.创建<li>蛮王</li>节点对象和内容。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）