如何向每个动态生成的元素添加事件，并仅在JAVASCRIPT中从json访问数据

这是我的代码，我想在其中调用每个li元素上的

clicksubmenu

函数

onclick

，每个

onclick

我必须从json访问不同的数据

每个li元素都没有调用函数并显示意外结果 :

代码：

var子菜单1='{“list”：['+'{“name”：“祝你的朋友好运。”
时间线、场合：“生日！！”、“状态”：“已查看”、“url”：“www.notification1.com”
}, ' + ' {
“姓名”：“祝你的朋友在他的时间表上”，
“场合”：“生日！！”，
“状态”：“已查看”，
“url”：“www.notification1.com”
}, ' + ' {
“姓名”：“祝你的朋友在他的时间表上”，
“场合”：“生日！！”，
“状态”：“已查看”，
“url”：“www.notification1.com”
}, ' + ' {
“姓名”：“祝你的朋友在他的时间表上”，
“场合”：“周年纪念！！”，
“状态”：“已查看”，
“url”：“www.notification2.com”
}, ' + ' {
“姓名”：“祝你的朋友好运。”
时间轴“
场合“：”
周年纪念日！！“，”
地位“：”
浏览“，
“url”：“www.notification2.com”
}, ' + ' {
“姓名”：“祝你的朋友好运。”
时间轴“
场合“：”
周年纪念日！！“，”
地位“：”
浏览“，
“url”：“www.notification2.com”
}, ' + ' {
“姓名”：“祝你的朋友好运。”
时间轴“
场合“：”
生日！！“，”
地位“：”
浏览“，
“url”：“www.notification3.com”
}, ' + ' {
“姓名”：“祝你的朋友好运。”
时间轴“，
“场合”：“周年纪念！！”，
“状态”：“已查看”，
“url”：“www.notification4.com”
}, ' + ' {
“姓名”：“祝你的朋友在他的时间表上”，
“场合”：“生日！！”，
“状态”：“已查看”，
“url”：“www.notification5.com”
}
]
}
';
var obj=JSON.parse（子菜单1）；
var count=obj.list.length；
var li=新阵列（10）；
变量liid=['l1'，'l2'，'l3'，'l4'，'l5'，'l6'，'l7'，'l8'，'l9']；
函数f（）{
var i=0；
document.getElementById（'count'）。innerHTML=count；
对于（i=0；i”+obj.list[a]。名称+“
”+”
状态：“+obj.list[a]。状态；
}
如果（计数=0）{
document.getElementById（'count'）.style.visibility=“hidden”；
}
}
Neel，可能是您有json结构问题。
您的json对象结构应该是这样的：您可以更改并检查代码吗

var submenu1 = { "list" : 
[{ "name":"Wish your friend on his timeline", "occasion":"Birthday!!", "status":"Viewed","url":"www.notification1.com"},
{ "name":"Wish your friend on his timeline" , "occasion":"Birthday!!", "status":"Viewed","url":"www.notification1.com"},
{ "name":"Wish your friend on his timeline" , "occasion":"Birthday!!", "status":"Viewed","url":"www.notification1.com"},
{ "name":"Wish your friend on his timeline" , "occasion":"Anniversary!!", "status":"Viewed", "url":"www.notification2.com" },
{ "name":"Wish your friend on his timeline" , "occasion":"Anniversary!!", "status": "Viewed", "url":"www.notification2.com" },
{ "name":"Wish your friend on his timeline" , "occasion":"Anniversary!!", "status":"Viewed", "url":"www.notification2.com" },
{ "name":"Wish your friend on his timeline" , "occasion":"Anniversary!!", "status": "Viewed", "url":"www.notification2.com" }
]};

您可以同时显示html代码吗？谢谢，但是json的结构很好。元素是使用json数据创建的，但是使用onclick函数绑定它们似乎是一个问题
var submenu1 = { "list" : 
[{ "name":"Wish your friend on his timeline", "occasion":"Birthday!!", "status":"Viewed","url":"www.notification1.com"},
{ "name":"Wish your friend on his timeline" , "occasion":"Birthday!!", "status":"Viewed","url":"www.notification1.com"},
{ "name":"Wish your friend on his timeline" , "occasion":"Birthday!!", "status":"Viewed","url":"www.notification1.com"},
{ "name":"Wish your friend on his timeline" , "occasion":"Anniversary!!", "status":"Viewed", "url":"www.notification2.com" },
{ "name":"Wish your friend on his timeline" , "occasion":"Anniversary!!", "status": "Viewed", "url":"www.notification2.com" },
{ "name":"Wish your friend on his timeline" , "occasion":"Anniversary!!", "status":"Viewed", "url":"www.notification2.com" },
{ "name":"Wish your friend on his timeline" , "occasion":"Anniversary!!", "status": "Viewed", "url":"www.notification2.com" }
]};