时间戳

首页 > 解决方案 > 根据类更改 img src

javascript - 根据类更改 img src

问题描述

当你background用来设置 img.

您可以按类更改img

<img class=".png" style="background: url('test.png');">

.png{
    background: url('test2.png');
}

但是使用时src，是否可以按类更改img？

<img src="test.png">

我认为可以src通过 javascript 进行更改，但是如果我可以按类对事物进行排序，则处理起来会更好。

是否可以？

标签： javascriptjquery

解决方案

是的，您可以使用 HTML 和一些 JavaScript 来执行此操作（我将在此处使用 jQuery，因为您标记了 jQuery）。

首先，您应该将要使用 JavaScript 定位的类添加到img要更改的元素中。

然后使用 jQuery 定位它们并将它们的src属性更改为您想要更改的任何内容。

HTML

<img class="png" src="test.png">

JavaScript

// use jQuery to select all elements with the png class - and set the src attribute to...
jQuery('.png').attr('src', 'test2.png');

推荐阅读