1

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 は適切に作成されていますが、要素クラスが実装されていないことです。

この部分で:

class="sparkline txt-color-blue text-align-center" data-sparkline-height="22px" data-sparkline-width="90px" data-sparkline-barwidth="2"

棒グラフを取得する必要がありますが、代わりに同じ数字のリストが表示されます。

innerHTML でのクラスの実装に何か関係があるのでしょうか。すべての要素を手動で作成してclassNameを割り当ててみましたが、結果は同じでした

4

2 に答える 2

1

ドキュメントによると、実行する必要があります$(newElement).find('div').sparkline()。

于 2015-01-14T15:09:54.547 に答える