js 文档处理（小结）

 

1.jquery

append 向每个匹配的元素内部追加内容

$("select").append("html")==>向每个元素内部追加内容(添加到最后)

即：<p>22222</p> $("p").append("<b>333</b>") <p>22222<b>333</b></p>

appendTo 把所有匹配的元素追加到另一个指定的元素元素集合中。(添加到最后)

$("html").appendTo("select")==>把所有匹配的元素追加到另一个指定的元素元素集合中。

即：<p>22222</p><div></div> $("p").appendTo("div") <div><p>22222</p></div>

prepend 向每个匹配的元素内部前置内容。

$("select").prepend("html")==>向每个匹配的元素内部前置内容。(添加到前面第一行)

即：<div><p>33333</p><p>111111</p></div> $(".i_txt").prepend("<p>222222222</p>"); <div><p>2222</p><p>3333</p><p>11111</p></div>

prependTo 把所有匹配的元素前置到另一个、指定的元素元素集合中。

$("html").prependTo("select")==>把html插入到select里面

即：$("<p>222222</p>").prependTo(".i_txt"); <div><p>2222222</p><p>11111</p></div>

//jquery 与 js 都有insertBefore但是表达的意思不用

jquery的insertBefore同等与before

jquerty insertBefore() 方法在被选元素之前插入 HTML 标记或已有的元素。

2.js

insertBefore() 方法在您指定的已有子节点之前插入新的子节点。

node.insertBefore(newnode,existingnode)
newnode==需要插入的节点对象
existingnode===在其之前插入新节点的子节点。如果未规定，则 insertBefore 方法会在结尾插入 newnode

function myFunction()
{
var newItem=document.createElement("LI")
var textnode=document.createTextNode("Water")
newItem.appendChild(textnode)

var list=document.getElementById("myList")
list.insertBefore(newItem,list.childNodes[0]);
}