首先说说js创建节点:
createElement() 创建一个元素节点
createTextNode() 创建一个文本节点
用法:
var element = document.createElement("div");element.className = "message";
var textNode = document.createTextNode("Hello world!");
element.appendChild(textNode);
appendChild() 方法是向节点添加最后一个子节点。
例如:document.getElementById("test").appendChild(node); //将li节点,添加到id为test的元素下面
再谈谈jquery创建节点:
最常用的就是$("#test").append("<div></div>");
这样用append就可以创建一个div,它的父类是id为test的元素,
其中insertAfter方法是将你创建的某个元素插入到指定元素的位置,如:
var newli="<a>11</a>";
var parentDom="<div></div>";
newli.insertAfter(parentDom); // insertAfter方法将创建的a元素元素插入到获取的div元素之后,
再就是insertBefore这个方法是将某个元素移动到目标位置之前,如:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
var lis= $("ul li:eq(2)");
var one_li = $("ul li:eq(1)");
lis.insertBefore(one_li); // 移动节点
展示的结果就是:
1 3 2