时间戳

首页 > 解决方案 > JavaScript：onclick 不适用于图像

html - JavaScript：onclick 不适用于图像

问题描述

我正在尝试通过单击来更改图像。我已经编写了代码，但它不起作用。

<div class="img fadeIn" >
        <img src="logo.png" height="90px" width="320px" onclick="change()" id="koo" />
    </div>

JavaScript 代码：

function change() {
var mySrc = this.getAttribute('src');
    if( mySrc == 'logo.png' ){
        this.setAttribute('src','logo1.png');
        } else {
        this.setAttribute('src','logo.png');
        }
    }

标签： htmlimageonclick

解决方案

您必须将元素作为函数的参数。我附上了工作代码。

function change(t) {
var mySrc = t.getAttribute('src');
    if( mySrc == 'logo.png' ){
        t.setAttribute('src','logo1.png');
        t.setAttribute('alt','logo1');
        } else {
        t.setAttribute('src','logo.png');
        t.setAttribute('alt','logo');
        }
    }
<div class="img fadeIn" >
        <img src="logo.png" height="90px" width="320px" onclick="change(this)" id="koo" alt="logo"/>
    </div>

推荐阅读