insertbefore(怎样添加,移除,移动,复制,创建和查找节点)

您所在的位置:网站首页 jquery创建节点 insertbefore(怎样添加,移除,移动,复制,创建和查找节点)

insertbefore(怎样添加,移除,移动,复制,创建和查找节点)

2023-01-05 22:47| 来源: 网络整理| 查看: 265

本文目录怎样添加,移除,移动,复制,创建和查找节点JQuery如何为XML对象添加节点双链表的插入与删除操作如何使用js在元素之前插入一个新元素jQuery中插入节点的方法有哪些js 怎么在标签对里面的最前面插入元素Html如何进行SEO怎样添加,移除,移动,复制,创建和查找节点

(1)创建新节点

createDocumentFragment()    //创建一个DOM片段

createElement()   //创建一个具体的元素

createTextNode()   //创建一个文本节点

(2)添加、移除、替换、插入

appendChild()

removeChild()

replaceChild()

insertBefore()

(3)查找

getElementsByTagName()    //通过标签名称

getElementsByName()    //通过元素的Name属性的值

getElementById()    //通过元素Id,唯一性

1、创建元素节点document.createElement() 方法 用于创建元素,接受一个参数,即要创建元素的标签名,返回创建的元素节点

(1)var div = document.createElement(“div“); //创建一个div元素(2)div.id = “myDiv“; //设置div的id(3)div.className = “box“; //设置div的class

创建元素后还要把元素添加到文档树中

2、添加元素节点appendChild() 方法 用于向childNodes列表的末尾添加一个节点,返回要添加的元素节点

(1)var ul = document.getElementByIdx(“myList“); //获得ul(2)var li = document.createElement(“li“); //创建li(3) li.innerHTML = “项目四“; //向li内添加文本(4)ul.appendChild(li); //把li 添加到ul子节点的末尾

appendChild() 方法还可以添加已经存在的元素,会将元素从原来的位置移到新的位置

(1)var ul = document.getElementById(“myList“); //获得ul(2)ul.appendChild(ul.firstChild); //把ul的第一个元素节点移到ul子节点的末尾

insertBefore() 方法,如果不是在末尾插入节点,而是想放在特定的位置上,用这个方法,该方法接受2个参数,第一个是要插入的节点,第二个是参照节点,返回要添加的元素节点

(1)var ul = document.getElementById(“myList“); //获得ul(2)var li = document.createElement(“li“); //创建li(3)li.innerHTML= “项目四“; //向li内添加文本(4)ul.insertBefore(li,ul.firstChild); //把li添加到ul的第一个子节点前

(1)var ul = document.getElementById(“myList“); //获得ul(2)var li = document.createElement(“li“); //创建li(3)li.innerHTML= “项目四“; //向li内添加文本(4)ul.insertBefore(li,ul.lastChild); //把li添加到ul的最后一个子节点(包括文本节点)之前

(1)var ul = document.getElementById(“myList“); //获得ul(2)var li = document.createElement(“li“); //创建li(3)li.innerHTML= “项目四“; //向li内添加文本(4)var lis = ul.getElementsByTagName(“li“) //获取ul中所有li的集合(5)ul.insertBefore(li,lis);     //把li添加到ul中的第二个li节点前

添加后:

3、移除元素节点removeChild() 方法,用于移除节点,接受一个参数,即要移除的节点,返回被移除的节点,注意被移除的节点仍然在文档中,不过文档中已没有其位置了

(1)var ul = document.getElementById(“myList“); //获得ul(2)var fromFirstChild = ul.removeChild(ul.firstChild); //移除ul第一个子节点

(1)var ul = document.getElementById(“myList“); //获得ul(2)var lis = ul.getElementsByTagName(“li“) //获取ul中所有li的集合(3)ul.removeChild(lis);       //移除第一个li,与上面不同,要考虑浏览器之间的差异

4、替换元素节点replaceChild() 方法,用于替换节点,接受两个参数,第一参数是要插入的节点,第二个是要替换的节点,返回被替换的节点

(1)var ul = document.getElementById(“myList“); //获得ul(2)var fromFirstChild = ul.replaceChild(ul.firstChild); //替换ul第一个子节点

(1)var ul = document.getElementById(“myList“); //获得ul;(2)var li = document.createElement(“li“); //创建li(3)li.innerHTML= “项目四“; //向li内添加文本(4)var lis = ul.getElementsByTagName(“li“) //获取ul中所有li的集合(5)var returnNode = ul.replaceChild(li,lis); //用创建的li替换原来的第二个li

5、复制节点cloneNode() 方法,用于复制节点, 接受一个布尔值参数, true 表示深复制(复制节点及其所有子节点), false 表示浅复制(复制节点本身,不复制子节点)

(1)var ul = document.getElementById(“myList“); //获得ul(2)var deepList = ul.cloneNode(true); //深复制(3)var shallowList = ul.cloneNode(false); //浅复制

JQuery如何为XML对象添加节点

$(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;            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;        }    });})(jQuery);

双链表的插入与删除操作

①双链表的前插操作voidDInsertBefore(DListNode*p,DataTypex){//在带头结点的双链表中,将值为x的新结点插入*p之前,设p≠NULLDListNode*s=malloc(sizeof(DListNode));//①s-》data=x;//②s-》prior=p-》prior;//③s-》next=p;//④p-》prior-》next=s;//⑤p-》prior=s;//⑥}②双链表上删除结点*p自身的操作voidDDeleteNode(DListNode*p){//在带头结点的双链表中,删除结点*p,设*p为非终端结点p-》prior-》next=p-》next;//①p-》next-》prior=p-》prior;//②free(p);//③}

如何使用js在元素之前插入一个新元素

《p id=“act“》测试《/p》《script》window.onload=function(){var k1=document.getElementById(“act“);var k2=document.createElement(“p“);k2.id=“act_1“;k2.innerHTML=“这是一个测试“;k1.parentElement.insertBefore(k2,k1);}《/script》

jQuery中插入节点的方法有哪些

内部插入:1,append;2,appendTo;3,prepend;4,prependTo外部插入:1,after;2,before;3,insertAfter;4,insertBefore具体的怎么用你可以再百度下

js 怎么在标签对里面的最前面插入元素

js在标签最前面插入元素方法:

1、var divObj=document.createElement(“div“)。

2、//divObj.setAttribute(’id’,’topAlert’)。

3、divObj.innerHTML=“测试js插入DOM和样式“

4、var first=document.body.firstChild;//得到页面的第一个元素。    

5、document.body.insertBefore(divObj,first);//在得到的第一个元素之前插入。

Html如何进行SEO

一:html代码头部即head标签的seo设置。

1:《meta charset=”UTF-8″》:指明网站编码。

2:《title》SEO教程自学网_网站SEO优化教程学习『武汉小明SEO』《/title》:网站标题设置,标题里面的语句字字千金,需着重把握。

3:《meta name=”description” content=”SEO教程自学网,解答seo是什么,武汉小明专业研究搜索引擎优化,致力网站SEO优化教程学习以及seo技术教程培训,提供自学seo视频教程免费观看。” /》:网站描述设置,描述也能影响目标关键词排名。

4:

《meta 



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3