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

鍍金池/ 問答/Java  PHP  HTML/ 如何使用js動(dòng)態(tài)加載大量html代碼？？

如何使用js動(dòng)態(tài)加載大量html代碼？？

1， 首先需要說明 不使用在html 頁面中隱藏 這段html代碼，或者使用script標(biāo)簽暫時(shí)存放這段代碼，
原因是當(dāng)這段代碼太多的時(shí)候很難看

示例代碼，每當(dāng)點(diǎn)擊一個(gè)按鈕之后就會動(dòng)態(tài)添加 下面的這個(gè)組件到指定id的div上面。 問題是如何生成這段html代碼對應(yīng)的dom對象？


   <div class="form-group well" id="23">
                            <div class="row ">
                                <button type="button" class="close btn btn-primary " aria-label="Close "><span
                                        aria-hidden="true" style="font-size: 40px">×</span></button>
                            </div>

                            <div class="row good_item_div">
                                <div class="col-md-1"><label>貨物名稱</label></div>
                                <div class="col-md-5">
                                    <input type="text" class="form-control" name="item_title"
                                           placeholder="倉庫地址"/>
                                </div>

                            </div>

                           

                        </div>
回答
編輯回答
壞脾滊

如果是前端生成：

var html += '<div class="form-group well" id="23"> +
            '<div class="row">' +
            // ...
            '</div>';
            
document.getElementById('id').innerHTML = html;
如果覺得拼字符串麻煩，不妨嘗試下模板引擎，或者試試vue、react啥的。

如果是后端返回的html片段：

$('#id').load('/api/xxx');
2017年5月29日 04:52