javascript - 使用 JavaScript 向 img 标签添加类

标签 javascript jquery css class image

我是一个学习 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"/>

谁能帮忙:)

谢谢

最佳答案

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

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

没有 jQuery 也不是很困难:

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

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

关于javascript - 使用 JavaScript 向 img 标签添加类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6304233/

相关文章:

jquery - jcarousel 或任何其他类似的图像 slider

javascript - 将列表中超过三步的 sibling 隐藏起来的最巧妙方法是什么?

javascript - 为什么 querySelector ('#id' ) 不映射到 document.getElementById ('id' )?

javascript - 页面重新加载时隐藏功能会忽略选中的输入,仅在单击时起作用

javascript - 将 props 传递给 react-router v4 中的路由器组件

jquery - 使用 JQuery 搜索和突出显示

javascript - 在 iframe 中动态显示谷歌地图

jquery - 使用缩放和 float div 调整大小

javascript - 如何使用 jquery 将项目从一个列表移动到多个其他列表?

jquery - 使用 jQuery insertBefore 悬停不正确