我有一个 JavaScript 函数,它应该<div>
动态生成并使用<li></li>
. 标签上有一个调用函数的onclick
事件,<li></li>
但单击时,该函数不显示。请帮我。我浏览器上的控制台显示以下错误Uncaught SyntaxError: Unexpected token }
。我的代码示例如下。
function showItem(categoryName) {
cleanDiv();
var alphabet = "A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z";
var alphabetArray = [];
alphabetArray = alphabet.split(",");
var stringData = '<div id="alphabet-menu"><h1>' + categoryName + '</h1><ul>';
var letter;
for (var i = 0; i < 26; i++) {
letter = alphabetArray[i];
stringData = stringData + '<li onclick="getData("' + categoryName + '","' + letter + '");">' + letter + '</li>';
}
stringData = stringData + '</ul></div><div id="list-menu"><input type="button" onclick="animateRight();" value="Back"></input>' + '<div id="home-button" onclick="animateRight();"><img src="img/home.png"></div></div>';
document.getElementById("content").innerHTML = '' + stringData + '';
}
function getData(category, letter) {
alert(category + letter);
}