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

Question

我想使用javascript插入html标记，但由于引号的原因，它无法工作。

文本只在变量中工作，但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>';

Answer 1

查看以下代码段:

null

$('#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>';

Answer 2

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

null

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>