使用.innerhtml输入链接列表

当我使用.innerHTML下面的函数工作。并且该列表出现在我的ul元素下，其id为archive_content。唯一的问题是，当我将li元素链接到该函数不再有效时。我想知道是否有人知道背后的原因。使用.innerhtml输入链接列表

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

来源

2012-08-13 user1020045

如何发布无法正常工作的代码而不是代码的代码？ – j08691 2012-08-13 21:00:30

“*当我把李元素链接到链接*” - 你怎么做到这一点？发布代码？ – 2012-08-13 21:01:18

谢谢刚更新 – user1020045 2012-08-13 21:07:51

你不能有双引号字符在有界用双引号刺。

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

来源

2012-08-13 21:08:55

非常感谢！ – user1020045 2012-08-13 21:13:15

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

将解决这个问题。

来源

2012-08-13 21:12:03

使用.innerhtml输入链接列表

回答

相关问题