javascript - 使用 .innerhtml 输入带有链接的列表

Question

当我使用 .innerHTML 下面的函数时。该列表出现在我的 ul 元素下，ID 为 archive_content。唯一的问题是，当我将 li 元素转为链接时，该功能不再起作用。我想知道是否有人知道这背后的原因。

function art()
{
//Define art content inside list below 
var archive_content =
"<li>hey</li>"+
"<li>hey</li>"+
"<li>hey</li>"+
"<li>hey</li>";

document.getElementById("archive").innerHTML='Drawings';
document.getElementById("archive_content").innerHTML= archive_content;
}

编辑: 这就是我尝试将它们变成链接的方法

  var archive_content =
"<li><a href="#">hey</a></li>" +
"<li><a href="#">hey</a></li>"+
"<li><a href="#">hey</a></li>"+
"<li><a href="#">hey</a></li>";

Answer 1

在用双引号括起来的字符串中不能包含双引号字符。

"lorem "foo" ipsum" // throws a syntax error
"lorem 'foo' ipsum" // OK

在 JavaScript 中使用单引号来绑定(bind)字符串。

var archive_content =
'<li><a href="#">hey</a></li>' +
'<li><a href="#">hey</a></li>' +
'<li><a href="#">hey</a></li>' +
'<li><a href="#">hey</a></li>';