在img添加新属性_html/css_WEB-ITnose
部分javascript
//鼠标经过小图大图变化
$('.xiaotu_box img').mouseover(function(){
document.getElementById("main_img").src=this.dataLarge;
})
结果会报错,原因应该是img中没dataLarge属性,那如何添加呢?
求解答,感激不尽!
回复讨论(解决方案)
document.getElementById("main_img").src= $(this).attr('dataLarge');
$('.xiaotu_box img').mouseover(function(){
$('#main_img').attr('src' , $(this).attr('dataLarge'));
})
用了jQuery就尽量用jQuery写,不要一下jQuery,一下document.getXXXX
$('.xiaotu_box img').mouseover(function(){
$('#main_img').attr('src' , $(this).attr('dataLarge'));
})
用了jQuery就尽量用jQuery写,不要一下jQuery,一下document.getXXXX
因为我觉得现在刚开始从事前端开发,想多用些javascript,jQuery只是觉得它的选择器挺好用的采用的,不过你说的也很有道理,呵呵!
$('.xiaotu_box img').mouseover(function(){
$('#main_img').attr('src' , $(this).attr('dataLarge'));
})
用了jQuery就尽量用jQuery写,不要一下jQuery,一下document.getXXXX
呃 那假如不用jquery而是只用javascript的话,应该怎么才不出错呢?
$('.xiaotu_box img').mouseover(function(){
$('#main_img').attr('src' , $(this).attr('dataLarge'));
})
用了jQuery就尽量用jQuery写,不要一下jQuery,一下document.getXXXX
用这个也可以
document.getElementById("main_img").src=this.getAttribute('dataLarge');
谢谢你了!
上一篇: Python垃圾回收机制详细介绍
推荐阅读
-
在字符串资源文件中添加HTML元素,直接使用字符串资源,HTML元素没起作用的解决办法_html/css_WEB-ITnose
-
在div中的img左侧总会出现一条竖线_html/css_WEB-ITnose
-
和在一行,为什么改变img的margin-top,a的位置也变了?_html/css_WEB-ITnose
-
在iframe子页面中添加导航功能代码_html/css_WEB-ITnose
-
请问:在FF下textarea的overflow:visible属性可以替代么_html/css_WEB-ITnose
-
css奇特用法之 IMG添加背景图片配合显示效果惊艳_html/css_WEB-ITnose
-
同样的样式,同百分比控制img的高度,在安卓下可以,为什么在ios下就不行呢?_html/css_WEB-ITnose
-
大哥大姐求解 在img标签中属性src的全面用法_html/css_WEB-ITnose
-
和在一行,为什么改变img的margin-top,a的位置也变了?_html/css_WEB-ITnose
-
input输入框的border-radius属性在IE8下的完美兼容_html/css_WEB-ITnose