Rumah > hujung hadapan web > html tutorial > 在img添加新属性_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-24 12:20:07
asal
1144 orang telah melayarinya

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

谢谢你了!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan