使用.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中綁定字符串。

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 2

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

將解決這個問題。