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

当我使用下面的函数时，.innerHTML起作用。列表显示在my 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存档内容=
“
嘿
”+
“
嘿
”+
“
嘿
”+
“
嘿
”；
document.getElementById（“归档”）.innerHTML='Drawings'；
document.getElementById（“归档内容”）.innerHTML=归档内容；
}

编辑： 这就是我如何将它们转换为链接的方法

  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>";

var存档内容=
“
”+
“
”+
“
”+
“
”；

在以双引号为界的sting中不能有双引号字符

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

在JavaScript中使用单引号绑定字符串

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>';

var存档内容=
“
”+
“
”+
“
”+
“
”；

您不应该对href和完整字符串使用双引号。或者：

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>';

var存档内容=
“
”+
“
”+
“
”+
“
”；

或者这个：

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>";

var存档内容=
“
”+
“
”+
“
”+
“
”；

---

将解决此问题。

如何发布不起作用的代码而不是起作用的代码？“当我将li元素转换为链接时”-如何做到这一点？发布代码？正如您所见，语法高亮显示器指出了问题所在。