在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ 菜鳥提問,關(guān)于封裝div+css?

菜鳥提問,關(guān)于封裝div+css?

現(xiàn)在公司有個(gè)項(xiàng)目,,有一個(gè)版塊的div+css都是一樣的,里面的值都是從后臺獲取的,但是版塊是通過后臺動(dòng)態(tài)添加,的,現(xiàn)在要將我的div+css封裝成為一個(gè)方法,通過一個(gè)a鏈接調(diào)用,有大神指導(dǎo)一下嗎??,萬分感激

回答
編輯回答
淺淺

封裝在一個(gè)函數(shù)里面,當(dāng)點(diǎn)擊這個(gè)鏈接,生成板塊里面的div,用innerHTML或者append等方法添加進(jìn)DOM樹,至于css可以寫在外面,因?yàn)橐话闶莄lass,影響不大,當(dāng)然也可以用js來寫
es6很簡潔,類似這樣子,你可以網(wǎng)上搜搜es6的拼接。

  <a href="javascript:;" id="Acreat">動(dòng)態(tài)創(chuàng)建dom</a>
    <div class="box"></div> 
    <script>
        var Acreat=document.getElementById("Acreat");
        var box=document.getElementsByClassName("box")[0];
        Acreat.onclick=function(){
            var htm="";
            htm+=`
            <div class="adiv">
                 <ul id="aul">
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                </ul>
            </div>
            `   
            box.innerHTML+=htm;
        }
    </script>
2017年2月6日 19:34