有什麼不對這個js功能？

Question

這裏是我的腳本的一部分：

function create(panel_id,iframe_source,handle_title) { 
var temp1=document.createElement("a"); 
temp1.setAttribute("href","#"); 
var attr=document.createAttribute("onClick"); 
attr.nodeValue="showPanel(panel_id)"; 
temp1.setAttributeNode(attr); 
temp1.className="controller"; 
temp1.innerHTML=handle_title; 
div.appendChild(temp1); 
} 
function showPanel(panel_id) { 
var elem = document.getElementById(panel_id); 
elem.classList.toggle("show"); 
} 

而這裏就是我所說的第一個功能部分：

<a href="#" onClick="create('test','http://example.com','example')">create</a> 

當我稱呼它，每一個元素都正確地創建和除工作的的onClick attribute.I注意到，當我改變這樣的功能：

... 
attr.nodeValue="showPanel('test')"; 
... 

一切工作fine..Can有人告訴我，我做了什麼錯誤的PLZ？

Answer 1

變化：

attr.nodeValue="showPanel(panel_id)"; 

到：

attr.nodeValue="showPanel('" + panel_id + "')"; 

Answer 2

有兩個問題

1）的onClick應的onclick

2）"showPanel(panel_id)";應

"showPanel('" + panel_id + "')"; 

試試這個

function create(panel_id,iframe_source,handle_title) { 
var temp1=document.createElement("a"); 
temp1.setAttribute("href","#"); 
var attr=document.createAttribute("onclick"); 
attr.nodeValue="showPanel('" + panel_id + "')"; 
temp1.setAttributeNode(attr); 
temp1.className="controller"; 
temp1.innerHTML=handle_title; 
div.appendChild(temp1); 
} 
function showPanel(panel_id) { 
var elem = document.getElementById(panel_id); 
elem.classList.toggle("show"); 
}