首页 >web前端 >html教程 >在img添加新属性_html/css_WEB-ITnose

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

WBOY
WBOY原创
2016-06-24 12:20:071146浏览

HTML JavaScript

部分HTML:
  
在img添加新属性_html/css_WEB-ITnose

   

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

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

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

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

  •     
  • 在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');

谢谢你了!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn