[英]Dynamic creation of element and class implementation in javascript
我在使用innerHTML在javascript中動態創建元素時遇到問題。 這是代碼:
var newElement = document.createElement("tr");
newElement.innerHTML = ['<td><a href="javascript:void(0);">Test Suite</a></td><td>4,977</td><td class="text-align-center">',
'<div class="sparkline txt-color-blue text-align-center" data-sparkline-height="22px" data-sparkline-width="90px" data-sparkline-barwidth="2">2700, 3631, 2471, 1300, 1877, 2500, 2577, 2700, 3631, 2471, 2000, 2100, 3000</div>',
].join('\n');
$("#locationsGraph").append(newElement);
問題在於,恰好創建了Element,但是未實現element類。
通過這一部分:
class="sparkline txt-color-blue text-align-center" data-sparkline-height="22px" data-sparkline-width="90px" data-sparkline-barwidth="2"
我應該得到一個條形圖,但我得到的是相同的數字列表。
在innerHTML中實現類有什么用嗎? 我也嘗試手動創建所有元素並分配className,但結果是相同的
根據文檔 ,您需要運行$(newElement).find('div').sparkline()
。
您沒有關閉時間來匹配您的
newElement.innerHTML = ['<td><a href="javascript:void(0);">Test Suite</a></td><td>4,977</td><td class="text-align-center">',
'<div class="sparkline txt-color-blue text-align-center" data-sparkline-height="22px" data-sparkline-width="90px" data-sparkline-barwidth="2">2700, 3631, 2471, 1300, 1877, 2500, 2577, 2700, 3631, 2471, 2000, 2100, 3000</div>',
'</td>' //this is missing
].join('\n');
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.