javascript - 使用 javascript 在 div 中插入元素引导程序

Question

我想使用 javascript 插入 html 标记，但由于引号而无法正常工作。

.text 仅在变量中起作用，但 innerHTML 不起作用。

$("#year_title").text(response[0]['year_title']);
document.getElementById('progress').innerHTML = '<div class="progress">
  <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%"></div>
</div>';

标签： javascripthtml

Answer 1

似乎这两个换行符是问题所在：

document.getElementById('progress').innerHTML = '<div class="progress"><div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%">Hello</div></div>';

<div id="progress">
</div>