Javascript 如何编写动态html标记

我有一个

for in

循环，它应该返回一个

div

元素，该元素带有一个带有onclick函数的

img

标记。由于某种原因，我在参数列表之后出现了这个错误（uncaughtsyntaxerror:missing），我不知道我在哪里漏掉了它。任何帮助或建议都将不胜感激。多谢各位

for (var key in icons) {

 var legend = document.getElementById('legend');
 //the variables below points to objects
 var type = icons[key];
 var name_place = type.name;
 var icon = type.icon;
 var div = document.createElement('div');
 div.innerHTML = '<img'  + ' src="' + icon + '"' +     
 'onclick="displayMarker( ' + name_place + ' )"' + '> ' + name_place;
  legend.appendChild(div);
}

 //When I try: 
 div.innerHTML = '<img'  + ' src="' + icon + '"' + 
 'onclick="displayMarker(name_place)"> ' + name_place;

for（变量键入图标）{
var legend=document.getElementById（'legend'）；
//下面的变量指向对象
变量类型=图标[键]；
变量名称\位置=type.name；
var icon=type.icon；
var div=document.createElement（'div'）；
div.innerHTML=''+名称\位置；
图例.附件（部门）；
}
//当我尝试时：
div.innerHTML=''+名称\位置；

变量

name\u place

未传递到函数中

var图标={
一:{
名称：'name1'，
图标：“icon1.img”
},
二:{
名称：'name2'，
图标：“icon2.img”
}
};
函数显示标记（arg）{
log（“displayMarker参数%s值：%s”，类型为arg，arg）；
}
用于（变量输入图标）{
var legend=document.getElementById（'legend'）；
//下面的变量指向对象
变量类型=图标[键]；
变量名称\位置=type.name；
var icon=type.icon；
var div=document.createElement（'div'）；
div.innerHTML=''+名称\位置；
图例.附件（部门）；
}

var图标={
一:{
名称：'name1'，
图标：“icon1.img”
},
二:{
名称：'name2'，
图标：“icon2.img”
}
};
函数显示标记（arg）{
log（“displayMarker参数%s值：%s”，类型为arg，arg）；
}
用于（变量输入图标）{
var legend=document.getElementById（'legend'）；
//下面的变量指向对象
变量类型=图标[键]；
变量名称\位置=type.name；
var icon=type.icon；
var div=document.createElement（'div'）；
div.innerHTML=''+名称\位置；
图例.附件（部门）；
}