Question

我有数组msg我想将此传递给在html中动态创建元素的onclick函数。

for(var i=0; i < msg.length ; i++){ 

categoryList += "<img src='../products/"+msg[i].imgurl+"' class='slide_contain' onclick='getCanvas("+msg[i].id+","+msg[i].shape+","+msg[i].height+","+msg[i].width+","+msg[i].topval+","+msg[i].leftval+","+msg[i].radius+","+msg[i].subcat+","+msg[i].imgurl+")'/>"; 
    categoryList += "<li> <span> "+msg[i].imgurl+"</span></li>"; 
} 

在检查我看到：

<img src="../products/Lighthouse.jpg" class="slide_contain" onclick="getCanvas(2,3,100,100,100,210,100,1,Lighthouse.jpg)"> 

这里最后一个变量是字符串不正确传递？怎么做 ？ 或其他我怎么能通过味精数组函数和函数获取值？

Answer 1

尝试这样的事情

categoryList += '<img src="../products/'+msg[i].imgurl+' class="slide_contain" onclick="getCanvas('+msg[i].id+','+msg[i].shape+','+msg[i].height+','+msg[i].width+','+msg[i].topval+','+msg[i].leftval+','+msg[i].radius+','+msg[i].subcat+',\''+msg[i].imgurl+'\')"/>'; 

Answer 2

你缺少引号..

categoryList += "<img src='../products/"+msg[i].imgurl+"' class='slide_contain' onclick='getCanvas("+msg[i].id+","+msg[i].shape+","+msg[i].height+","+msg[i].width+","+msg[i].topval+","+msg[i].leftval+","+msg[i].radius+",'"+msg[i].subcat+"')'/>"; 

Answer 3

传给你最后一个参数这样==>

\'' msg[i].subcat '\' 
categoryList += "<img src='../products/"+msg[i].imgurl+"' class='slide_contain' onclick='getCanvas("+msg[i].id+","+msg[i].shape+","+msg[i].height+","+msg[i].width+","+msg[i].topval+","+msg[i].leftval+","+msg[i].radius+",' \''"+msg[i].subcat+"'\' ')'/>"; 

输出

'Lighthouse.jpg'