使用javascript添加onclick事件监听器和元素
我正在尝试使用javascript和使用javascript添加onclick事件监听器和元素,javascript,html,Javascript,Html,我正在尝试使用javascript和for循环向html页面添加一系列图像。但是当我测试页面时,onclick和onmouseover等事件侦听器没有响应 function changeText(element) { var menuItems = ['menu_item1','menu_item2','menu_item3','menu_item4']; var galleryImages = ["s1.jpg","s2.jpg","s3.jpg","s4.jpg","s5.jp
for
循环向html页面添加一系列图像。但是当我测试页面时,onclick
和onmouseover
等事件侦听器没有响应
function changeText(element)
{
var menuItems = ['menu_item1','menu_item2','menu_item3','menu_item4'];
var galleryImages = ["s1.jpg","s2.jpg","s3.jpg","s4.jpg","s5.jpg","s6.jpg","s7.jpg","s8.jpg","s9.jpg","s10.jpg","s11.jpg","s12.jpg","s13.jpg","s14.jpg","s15.jpg","s16.jpg","s17.jpg","s18.jpg","s19.jpg","s20.jpg"];
var itemText = document.getElementsByClassName(element);
var textString ="";
if(menuItem == menuItems[3])
{
for(var i=0;i<galleryImages.length;i++){
textString+="<img id='img"+i+"'class='imageGallery'src='galleryImgs/s"+i+".jpg' width='150px' onclick='imageZoom('img"+i+"')'>";
}
itemText[0].innerHTML = 'This is now menu_item4 text Left side';
itemText[1].innerHTML = textString
}
return;
}
function imageZoom(img)
{
var image = document.getElementById(img);
image.style.width = "400px";
}
函数更改文本(元素)
{
var menuItems=['menu_item1'、'menu_item2'、'menu_item3'、'menu_item4'];
var galleryImages=[“s1.jpg”、“s2.jpg”、“s3.jpg”、“s4.jpg”、“s5.jpg”、“s6.jpg”、“s7.jpg”、“s8.jpg”、“s9.jpg”、“s10.jpg”、“s11.jpg”、“s12.jpg”、“s13.jpg”、“s14.jpg”、“s15.jpg”、“s16.jpg”、“s17.jpg”、“s18.jpg”、“s19.jpg”、“s20.jpg];
var itemText=document.getElementsByClassName(元素);
var textString=“”;
if(menuItem==menuItems[3])
{
对于(var i=0;i这是您的引号字符
这个--
变成这样--
HTML解析器可以看到--
因此,只需更改转义双引号(\“
)的引号字符即可
您是否在javascript控制台中遇到错误?我怀疑如果您检查控制台,您会看到类似“imageZoom未定义”的错误
onclick='imageZoom('img"+i+"')'
onclick='imageZoom('img1234')'
onclick='imageZoom(' some junk
onclick=\"imageZoom('img"+i+"')\"