Javascript Firefox OS应用程序中的动态内容

我已经创建了一个Firefox OS应用程序。当我单击标题时，它会加载一些web内容，修改它并使用

div.innerHtml

显示它。这很有效

动态内容包括一些不同的段落。每个段落都有自己的id“text0”、“text1”等等

当用户单击段落时，应调用JavaScript函数

我在谷歌上搜索了各种网站，尝试了不同的方法将onclick事件处理程序添加到动态内容中，但这些方法似乎都不起作用

你能看看我的密码吗

我已经在

content.js

extract中标记了要添加带有“==>>>>”的事件处理程序的位置

index.html：

FxOS存根
XXX
我们再次参观了这个浴盆。
这是第一个页面正文（也称为第0页，通常是您的启动屏幕）

按工具栏上的项目激活其他项目

XXX
取消

content.js：

var-id\u链接//
window.addEventListener(
“加载”，
函数（）{
document.getElementById（'headline'）.onclick=LoadContent；
//document.getElementById（'mainpage'）。onclick=CallPage；
id_link=新对象（）；
}
);
函数调用页（）{
var display=document.getElementById（'mainpage'）；
display.innerHTML=“”；
}
函数LoadContent（）{
//跨域XHR
var display=document.getElementById（'mainpage'）；
var xhr=newXMLHttpRequest（{mozSystem:true}）；
xhr.mozSystem=true；
xhr.onreadystatechange=函数（）{
if（xhr.status==200&&xhr.readyState==4）
{
//crossDomainXHRDisplay.innerHTML=“来自跨域XHR的结果”+XHR.response；
//crossDomainXHRDisplay.style.display=“block”；
变量iEnd=0；
var text=xhr.response；
var输出=”；
//清除所有退货
text=text。替换（/\n/g，“”）；
text=text.replace（/\r/g，“”）；
//text=text.replace（/）；
id_link[cnt_it]=link_src[1]；
滴度=滴度替换（/，“$2”）；
output=output+“
”+titel；//匹配[1]；
cnt_it++；
text=匹配[2]；
//搜索文章简介
var match\u intro=text.match（/（.+？）\/）；
if（match_intro！=null）
{
如果（匹配介绍长度>0）
{
var search_intro=匹配_intro[1]；
var intro=search_intro.match（/（.+？）0）
{
输出=输出+介绍[1]；
}
}
}
}
输出=输出+“
\n”；
iEnd=1；
}
}
其他的
{
iEnd=1；
}
}
iEnd=0；
var text_test=xhr.response；
text_test=text_test.match（+.+？（.*）/）；
var text_lower=xhr.response//文本_检验[0]；
text\u lower=text\u lower.替换（/\n/g，“”）；
text\u lower=text\u lower.替换（/\r/g，“”）；
text_lower=text_lower.替换（//）；
if（link_src！=null）
{
id_link[cnt_it]=link_src[1]；
title=title.替换（/.*/，“$2”）；/“-”+id_链接[cnt_it]）；
//output=output+“
“+text\u lower[1]+”
\n”；
output=output+“
“+title+”
\n”；
cnt_it++；
}
text_lower=text_lower[2]；
iEnd=1；
}
其他的
{
iEnd=1；
}
}
其他的
{
iEnd=1；
}
}
输出=输出+“\n”；
输出=输出。替换（/\n/g，“”）；
输出=输出。替换（/\r/g，“”）；
==>>>如何向id为text0、text1等的不同段落添加工作事件处理程序。。。
display.insertAdjacentHTML（'afterbegin'，output）；
//display.innerHTML=输出；
display.style.display=“block”；
//var ObjectUse=display.getElementById（“text0”）；
//addEventListener（“单击”，函数（事件）{alert（'Hallo'）；CallPage（）；}，false）；
//ObjectUse.onclick=“警报（'Hallo'）”//document.CallPage**
//var cnt_再次=0；
//对于（cnt_reach=0；cnt_reach，因为您说您的段落是动态生成的，所以您可以在正文中添加一个事件侦听器，并选中
event.target
，这是事件的起源元素

代码如下：

document.body.addEventListener('click', function(e) {
    // e.target.id now is the id of the clicked element
    // if you want you can obtain the number in the id and use it like this:

    var page = e.target.id.substr(4);

    // do something
}, false);