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

WBOY
Freigeben: 2016-06-24 12:20:07
Original
1104 Leute haben es durchsucht

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

谢谢你了!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!