Html JavaScript:onclick不处理图像

Html JavaScript:onclick不处理图像,html,image,onclick,Html,Image,Onclick,我正试图通过点击图片来改变它。 我已经写了代码,但它不起作用 <div class="img fadeIn" > <img src="logo.png" height="90px" width="320px" onclick="change()" id="koo" /> </div> 必须将该元素作为函数的参数。 我已经附上了工作代码 功能更改(t){ var mySrc=t.getAttribute('src'); 如果(mySr

我正试图通过点击图片来改变它。 我已经写了代码,但它不起作用

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

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

功能更改(t){
var mySrc=t.getAttribute('src');
如果(mySrc==“logo.png”){
t、 setAttribute('src','logo1.png');
t、 setAttribute('alt','logo1');
}否则{
t、 setAttribute('src','logo.png');
t、 setAttribute('alt','logo');
}
}

还有一种方法可以做到这一点。请参考代码

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

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

函数更改(){
var imgTag=event.target;
var mySrc=imgTag.getAttribute('src');
如果(mySrc==“logo.png”){
setAttribute('src','logo1.png');
}否则{
setAttribute('src','logo.png');
}
}
试试这个

var ele=document.getElementById(“koo”);
ele.addEventListener('click',function(){
var src=(ele.getAttribute('src')==“logo.png”)?“logo1.png”:“logo.png”;
ele.setAttribute('src',src);
})


您的javascript控制台是否报告任何错误?@ZombieChowder如果我们进行更改并调试当前代码,而不是更改整个代码,那会更好logic@Arex我只是给他发了一个链接,看看是怎么做的,然后把代码修改成他自己的。全世界都在教一个人钓鱼,给他一条鱼的东西1.如果需要更多的帮助,一定要告诉我needed@RA“萨尔很乐意帮忙:)
<div class="img fadeIn">
     <img src="logo.png" height="90px" width="320px" onclick="change()" id="koo" />
</div>

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