Question

我正在尝试创建一个简单的链接，允许我更改页面上的图像。我给了图片一个id：

img src =“myImage.png”id =“display”/

如何使用？

更改此图像

Answer 1

最简单的方法是使用jQuery并向<a/>添加事件监听器。它会是这样的：

/*
 * Note that I add an ID to the <a/> tag selector
 * as we don't want to listen to ALL <a/> tags
 * and only a specific one. Make sure to add an ID to you <a/>
 */
$('a#click-to-change-img').on('click',function(evt){
    $('#display').attr('src','/assets/img/new-image-file.png');
});

你也可以做内联JavaScript（我个人不喜欢）

<a href="#" onclick="document.getElementById('display').src='/assets/img/new-image-file.png';return false;">
    Click Me
</a>

在这两种情况下，我们都会等待点击标记。如果是，我们然后运行一个函数，它将使用“display”的“id”找到标签并更改其“src”属性的值

IMG SRC ID，通过链接设置

1 个答案: