在img添加新属性_html/css_WEB-ITnose

HTML JavaScript

部分HTML:

• 


• 


• 


• 


• 

部分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');

谢谢你了！