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);

我应该得到一个条形图，但我得到的是相同的数字列表

它是与innerHTML中类的实现有关还是什么？

---

我还尝试手动创建所有元素并分配类名，但结果是相同的，根据，您需要运行

$（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');

newElement.innerHTML=['4977'，
'2700, 3631, 2471, 1300, 1877, 2500, 2577, 2700, 3631, 2471, 2000, 2100, 3000',
''/这个不见了
].join（'\n'）；

可能您用来创建图表的任何内容都没有在新创建的元素上运行。您可能需要再次调用它，让它将DOM转换为实际的图表。这些数字是如何形成“条形图”的？你可能需要调用一些方法来实现这一点…这只是内联条形图的一个演示，这些数字是条形图的随机数。万岁成功：））谢谢，伙计，我是javascript/jquery新手，我没有想到要检查文档中是否有sparkline。@autodev101:将来，如果您在问题中包含您正在使用的工具（即sparkline）等信息，您会发现您会获得更好的结果。@MattBurland说实话，我甚至不知道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');