js中创建节点用var html=document.createElement("<li>CCTV-1综合</li>")这样就是创建一个节点.添加节点方法是:比如你要添加到另一id=“ulid”的一个个<ul id="ulid"></ul>中.那么就可以用document.getElementById("ulid").appendchild(html);这样就可以插入到那个ul中了。
jq方法更简单:直接用$("<li>CCTV-1综合</li>"")创建节点,然后接着在后面
$("<li>CCTV-1综合</li>"").appendTo("ul[id='ulid']");
很简单吧呵呵。好好学习。
$(function() {//定义一个xml对象
var x = $("<xml><items><center /></items></xml>")
//在 center节点的结尾添加一个 bottom节点 ,然后在center节点的开头添加一个top节点
x.find("center").appendXml("<bottom />").prependXml("<top />")
//在 center节点的后面添加一个after节点,然后在center节点的前面添加一个before节点
x.find("center").afterXml("<after />").beforeXml("<before />")
alert(x.xml())
})
(function($) {
function mnpXml(opCode, xmlStr) {
return this.each(function() {
if (typeof xmlStr != "string") return
if (!jQuery.isXMLDoc(this)) return
var node = $.parseXml(xmlStr).firstChild.cloneNode(true)
switch (opCode) {
case "append":
this.appendChild(node)
break
case "prepend":
if (this.childNodes.length > 0)
this.insertBefore(node, this.firstChild)
else
this.appendChild(node)
break
case "after":
if (this.nextSibling)
this.parentNode.insertBefore(node, this.nextSibling)
else
this.parentNode.appendChild(node)
break
case "before":
this.parentNode.insertBefore(node, this)
break
}
})
}
$.fn.extend({
appendXml: function(s) {
return mnpXml.call(this, "append", s)
},
prependXml: function(s) {
return mnpXml.call(this, "prepend", s)
},
afterXml: function(s) {
return mnpXml.call(this, "after", s)
},
beforeXml: function(s) {
return mnpXml.call(this, "before", s)
},
xml: function() {
var elem = this[0]
return elem.xml || (new XMLSerializer()).serializeToString(elem)
},
innerXml: function() {
var s = this.xml()
var i = s.indexOf(">"), j = s.lastIndexOf("<")
if (j > i)
return s.substring(i + 1, j)
else
return ""
}
})
$.extend(jQuery, {
parseXml: function(xmlStr) {
if (window.ActiveXObject) {
var xd = new ActiveXObject("Microsoft.XMLDOM")
xd.async = false
xd.loadXML(xmlStr)
return xd
}
else if (typeof DOMParser != "undefined") {
var xd = new DOMParser().parseFromString(xmlStr, "text/xml")
return xd
}
else return null
},
toXml: function(obj, nodeName, useAttr) {
var x = $($.parseXml("<" + nodeName + " />"))
var n = x.find(":first")
for (var p in obj) {
if (useAttr)
n.attr(p, obj[p])
else
n.appendXml("<" + p + " />").find(p).text(obj[p])
}
return x[0]
}
})
})(jQuery)
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)