使用JavaScript将类添加到img标记

Question

我是一个学习javascript的家伙,我正在尝试将图像悬停阴影效果与CSS添加到我的图像,为了工作,我必须添加一个类到我的所有img标签,这是不可能的手动,所以我试图写一个执行该操作的javascript并使用jquery来执行此操作.

它需要为img标签添加一个类,比如这个

由此

<img border="0"  height="75" src="http://3.bp.blogspot.com/-qhxaAUAJUVQ/TeocW4AuIiI/AAAAAAAABCo/IYy7hQ6-5VQ/s200/CSSEditLogo1.jpg" width="75"/> 

至

<img border="0" class="imagedropshadow" height="75" src="http://3.bp.blogspot.com/-qhxaAUAJUVQ/TeocW4AuIiI/AAAAAAAABCo/IYy7hQ6-5VQ/s200/CSSEditLogo1.jpg" width="75"/>

谁能帮忙:)

谢谢

Answer 1

使用jQuery将类添加到页面上的所有图像:

$("img").addClass("imagedropshadow")

没有jQuery也不是很困难:

var images = document.getElementsByTagName("img");
var i;

for(i = 0; i < images.length; i++) {
    images[i].className += " imagedropshadow";
}