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');
}
}