亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

指定id里插入多層元素,每次都從開始的地方插,怎么寫呢?

指定id里插入多層元素,每次都從開始的地方插,怎么寫呢?

慕少森 2019-02-13 20:12:17
用appendChild插入的順序,order是 0 1 2 3<div id ='aa'>    <!--每次都要插入的html結構-->    <div id='bb' order='0'>        <div id='cc'></div>        <div id='cc1'></div>    </div>        <!--每次都要插入的html結構-->    <div id='bb' order='1'>        <div id='cc'></div>        <div id='cc1'></div>    </div>        <!--每次都要插入的html結構-->    <div id='bb' order='2'>        <div id='cc'></div>        <div id='cc1'></div>    </div></div>用什么方法,每次插入都從頭呢?也就是order是3 2 1 0<div id ='aa'>    <!--每次都要插入的html結構-->    <div id='bb' order='2'>        <div id='cc'></div>        <div id='cc1'></div>    </div>        <!--每次都要插入的html結構-->    <div id='bb' order='1'>        <div id='cc'></div>        <div id='cc1'></div>    </div>        <!--每次都要插入的html結構-->    <div id='bb' order='0'>        <div id='cc'></div>        <div id='cc1'></div>    </div></div>order是我自定義的一個下標,方便大家理解我想實現什么另外想知道原生JS的方法,JQ暫時不用,虐自己一下
查看完整描述

1 回答

?
臨摹微笑

TA貢獻1982條經驗 獲得超2個贊

插入到前面用insertBefore,但是插入的里面沒有子節點的話好像是會報錯


<body>

        <div id="aa"></div>

        <input id="add" type="button" value="添加" />

    </body>

    <script type="text/javascript">

        

        function getId(id){

            return document.getElementById(id);

        }

        

        var add = getId("add"),

              aa = getId("aa"),              

              i=0;

              

        add.onclick=function(){

            ++i;

            var div1=document.createElement("div");

            div1.id="cc";

            

            var div2=document.createElement("div");

            div2.id="cc1";

            

            var divBox=document.createElement("div");

            divBox.id="bb"+i;

            divBox.appendChild(div2);

            divBox.appendChild(div1);

            

            if(i<2){

                aa.appendChild(divBox);

            }else{

                aa.insertBefore(divBox,getId("bb"+(i-1)));

            }            

            

        };

        

    </script>

還有一點id要唯一,js只能操作一個


查看完整回答
反對 回復 2019-02-14
  • 1 回答
  • 0 關注
  • 391 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號