使用javascript将html插入div

Question

在使用javascript更新div时，我遇到了问题。

<script>
document.getElementById('advertisingBrandValues').innerHTML = "<p>The Mac is the most powerful   creative tool in the world, giving users unbridled potential to make everything from     bespoke family albums to industry-standard pop songs – iCreate is the key to unlocking that potential. Accessible, smart and authoritative, the iCreate brand thrives on the mantra ‘instruct, inform, inspire’, helping thousands of Mac users realise their creative ambitions.</p>";                   

</script>

<div id="advertisingBrandValues"></div>

我一直收到以下错误：

未终止字符串文本，它表明错误与第一个P标记有关。

我是否需要对传递给innerHTML函数的HTML做一些操作？

提前感谢！

Answer 1

Unterminated string literal通常意味着您尝试这样做：

var str = "Blah blah blah
  more blah that should be part of the string
  even more blah.";

您不能在JavaScript中这样做，您必须结束字符串并追加下一行：

var str = "Blah blah blah\n"
  +"more blah that should be part of the string\n"
  +"even more blah.";

或者您可以转义换行符(不确定这是否完全是标准的)：

var str = "Blah blah blah\
  more blah that should be part of the string\
  even more blah.";

还请注意，您要修改的元素尚未定义。要么确保您要修改的<div>位于<script>之前，要么推迟脚本或其内容(window.onload或类似内容)。

Answer 2

看起来文本中有回车。

如果你有机会的话，也许在分配之前把这些换成休息。

stringWithReturnsIn.replace(/[\n\r]/g, '<br />');

如果希望保留返回，则为br。

stringWithReturnsIn.replace(/[\n\r]/g, ' ');

Answer 3

问题可能是你正在使用的花哨引号(‘and’)。试着用“”代替它们。

将HTML插入到这样的页面通常不是很好的做法，因为解析错误的数量和潜在的XSS漏洞。考虑使用document.createElement()创建内部元素，并在子元素中追加文本内容。它有点冗长，但如果结构保持不变，则修改起来就更无缝了。