例如,我有一些數據需要放入變量中
var WhiteLists = profile.whiteList;
for(var i=0;i<WhiteLists.length;i++){
WhiteListRender.push('<div style="margin-bottom:20px;" class="temporayWhiteSingle"><span class="white-url-item" style="margin-bottom:10px;width: 600px;padding:5px;border-radius: 3px;background-color: #ffffff;border: solid 1px #cbcbcb;" ><span class="" >'+WhiteLists[i]+
'</span><span class="mobileCreatebtn sa-btn BackBtn2" style="padding: 5px;border-radius: 5px;border: solid 1px steelblue;position: relative;left: 75px;"><a class="white-url-delete"> Remove</a></span></div>');
}
正如你所看到的,我試圖推動html標簽和內聯css,我以為它會返回一些html和css樣式的數據,但它實際上是以字符串形式讀取所有內容,所以我的結果如下圖所示:
我應該用另一種方法做它嗎?
您必須首先呈現元素并設置它的innerHTML。
var WhiteLists = profile.whiteList;
for(var i=0;i<WhiteLists.length;i++){
var div = document.createElement('DIV');
div.style.margin-bottom = "20px";
div.className = "temporayWhiteSingle";
div.innerHTML = '<span class="white-url-item" style="margin-bottom:10px;width: 600px;padding:5px;border-radius: 3px;background-color: #ffffff;border: solid 1px #cbcbcb;" ><span class="" >'+WhiteLists[i]+
'</span><span class="mobileCreatebtn sa-btn BackBtn2" style="padding: 5px;border-radius: 5px;border: solid 1px steelblue;position: relative;left: 75px;"><a class="white-url-delete"> Remove</a></span>';
WhiteListRender.push(div);
}
您將數據作為一個字符串傳入,所以它輸出的是同一個字符串。如果您正在使用jquery(正如您的標簽所示),創建HTML的一個簡單方法是使用$('stringOfHTML ')。