实例
$("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(外包围，即参数节点将目标节点包起来)。
找到要添加节点的节点(table)var tb = document.getElementById("tb")
//创建tbody节点，表格中必须有tbody才能添加，直接添加tr不成功
var tbody = document.createElement("tbody")
//创建tr节点
var tr = document.createElement("tr")
//创建td节点
var td = document.createElement("td")
//添加一个文本框节点，设置id和type属性
var newTp = document.createElement("input")
newTp.id = "text1"
newTp.type = "text"
//添加一个按钮
var newEl = document.createElement("input")
newEl.type = 'button'
newEl.value = "button"
newEl.name = "button1"
//添加onclick事件,和事件执行的函数
newEl.onclick = function dofun(){
document.getElementById("txt").value += newTp.value
}
//把2个节点添加到td当中
td.appendChild(newTp)
td.appendChild(newEl)
//把td添加到tr中
tr.appendChild(td)
//把tr添加到td中
tbody.appendChild(tr)
//把td添加到table中
tb.appendChild(tbody)
}
</script>
</head>
<body>
<table id="tb">
<tr>
<td>
添加节点的地方
</td>
</tr>
</table>
<table>
<tr>
<td>
<input type="button" value="添加节点" onclick="addEl()" />
</td>
<td>
<input type="text" id="txt"/>
</td>
</tr>
</table>
</body>
</html>
1、js添加节点：document.body.appendChild(document.createTextNode在写出想要添加的即可。2、js移除节点：varccn=document.getElementById("sd").childNodes[0]//填写要移除的节点。
3、js移动节点：编写varsdds=document.getElementById("sd")即可移动。
4、js复制节点：document.getElementsByTagName("p")//即可复制。
5、js创建节点：document.createTextNode("sss")//即可进行创建。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）