使用 javascript 添加 onclick 事件侦听器和元素
Adding onclick event listeners and elements using javascript
我正在尝试使用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.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";
}
这是你的引号字符。
这--
onclick='imageZoom('img"+i+"')'
变成这个——
onclick='imageZoom('img1234')'
HTML 解析器看到——
onclick='imageZoom(' some junk
因此,只需更改转义双引号 ( '"
的引号字符)。
onclick='"imageZoom('img"+i+"')'"
相关文章:
- 将事件侦听器添加到文档,而不是签入元素存在,然后添加事件侦听器
- 如果侦听器附加到父元素,是否可以区分单击发生在哪个子元素上
- SVG元素在转换后会丢失事件侦听器
- 如何将事件侦听器添加到跨域iframe中的元素中
- JS:隐藏元素上的事件侦听器
- 如何从函数引用元素(从事件侦听器调用)
- 将多个事件侦听器添加到一个元素
- 动态创建的元素上的事件侦听器仅对第一个结果起作用
- Javascript元素更新侦听器
- 如果 JS 未连接到 DOM 时,是否会使用事件侦听器删除双重创建的元素
- 使用函数制作的 HTML 元素具有相同的事件侦听器
- 为多个元素组合 jQuery 事件侦听器
- 在屏幕顶部附近滚动元素时触发的侦听器
- 没有 x 可编辑表元素的事件侦听器
- 动态添加元素的 Addinf 事件侦听器 - HTML/JS
- 刷新父窗口中的 jquery .click 侦听器以处理新元素
- 如何从 JavaScript 中的多个元素中删除事件侦听器
- AngularJS:使用 jQuery 将事件侦听器绑定到 ng-repeat 生成的元素
- 使用 javascript 添加 onclick 事件侦听器和元素
- 向< light >添加事件侦听器元素