如何创建节点,添加内容?

如何创建节点,添加内容?,第1张

您好:是的,是要创建节点添加节点。

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)


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11464939.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存