javascript - 在 js 中使用 html 显示错误

Question

我在 .js 文件中使用 HTML，当 HTML 有这样的新行时会显示错误

$(".message").click(function() {
    document.getElementById("timeline").innerHTML = ' <div>
    <p>Hello John</p>
    <ul>
        <li>Point A</li>
        <li>Point B</li>
        <li>Point C</li>
        <li>Point D</li>
    </ul>
</div>';
});

上面的代码将显示错误并且不起作用。但如果我以这种方式使用相同的代码：

$(".message").click(function() {
document.getElementById("timeline").innerHTML = '<div><p>Hello John</p><ul><li>Point A</li><li>Point B</li><li>Point C</li><li>Point D</li></ul></div>';
});

有什么方法可以让第一个代码在 js 文件中工作？

提前致谢。

标签： javascriptjqueryhtml

Answer 1

用这个：

$(".message").click(function() {
document.getElementById("timeline").innerHTML = ` <div>
<p>Hello John</p>
<ul>
    <li>Point A</li>
    <li>Point B</li>
    <li>Point C</li>
    <li>Point D</li>
</ul>
</div>`;});

请继续学习 ES6。如果你想使用 '' 那么你必须连接。