Javascript 单击动态按钮时获取图像数据

我用javascript创建了两个动态按钮。我希望他们在单击sample.js时，能够从sample.js中分别获取Image1Data和Image2Data。由于这些按钮是动态创建的，所以我不确定如何执行此操作。我提供了html代码和sample.js文件

HTML

.btn{
字体系列：Arial；
文本对齐：居中；
宽度：100px；
高度：15px；
背景：#ccc；
边框：1px实心#000；
盒影：1px 1px 5px-1px#000；
填充：10px；
边缘底部：10px；
光标：指针；
}
.btn:悬停{
文字装饰：下划线；
}
变量按钮='btn1，btn2'。拆分（'，'）；
用于（按钮中的变量b）{
var newElement=document.createElement（'div'）；
newElement.id=按钮[b]；newElement.className=“btn”；
newElement.innerHTML=按钮[b]；
document.body.appendChild（新元素）；
}
/***********************************/
/***********************************/
SAMPLE.js
var image2Src=null；
函数getImage1Data（）{
var图像1src；
var xhttp=newXMLHttpRequest（）；
open（“Get”，“some Url”，false）；
xhttp.send（空）；
image1Src=xmlhttp.responseText；//假设src='myFirstImg.png'，
200x200像素
}   
函数getImage2Data（）{
var xhttp=newXMLHttpRequest（）；
xhttp.onreadystatechange=函数（）{
如果（xmlhttp.readyState==4&&xmlhttp.status==
200)                    
getSrc（xmlhttp.responseText）；
}        
open（“Get”，“someurl”，true）；
xhttp.send（空）；
}  
函数getSrc（text）{
image2Src=text；//假设src='myLastImg.png'，10x10 px
} 

动态创建按钮后（即在for循环之后），您可以将onclick事件分配给这些按钮元素

document.getElementById("btn1").onclick = getImage1Data;
document.getElementById("btn2").onclick = getImage2Data;

单击id为btn1的按钮元素时，它将调用getImage1Data函数，单击id为btn2的按钮时，将调用getImage2Data函数。

---

记住在按钮创建代码上方的HTML页面中包含sample.js。

动态创建按钮后（即在for循环之后），可以为这些按钮元素分配onclick事件

document.getElementById("btn1").onclick = getImage1Data;
document.getElementById("btn2").onclick = getImage2Data;

单击id为btn1的按钮元素时，它将调用getImage1Data函数，单击id为btn2的按钮时，将调用getImage2Data函数。 记住在按钮创建代码上方的HTML页面中包含sample.js