Question

为什么不起作用？我想点击next.jpg看看，2.png消失了，1.png出现了。

<html> 
<head> 
<script type="text/javascript"> 
function next(id) 
{ 
    var callend = document.getElementById('c' + id).style; 
    callend.display = 'none'; 
    id++; 
    var callend2 = document.getElementById('c' + id).style; 
    callend2.display = 'inline'; 
    } 
} 
</script> 
</head> 
<body> 
<img src="next.jpg" onclick="next(1)" > 

<img id="c1" border="0" style="display: inline" src="2.png" usemap="#map2"> 
<img id ="c2" border="0" style="display: none" src="1.png" usemap="#map1"> 

........

编辑：如果您缩进代码，则会看到错误

Answer 1

function next(id) 
{ 
var callend = document.getElementById('c' + id).style; 
callend.display = 'none'; 
id++; 
var callend2 = document.getElementById('c' + id).style; 
callend2.display = 'inline'; 
}

额外} 您在函数末尾使用的花括号将其删除。

Answer 2

您的脚本末尾有一个无用的}。做了fiddle

Answer 3

只需删除额外的}并检查，它工作正常

function next(id) {

var callend = document.getElementById('c' + id).style; 
callend.display = 'none'; 
id++; 
var callend2 = document.getElementById('c' + id).style; 
callend2.display = 'inline'; 
}

脚本不适用于img

3 个答案: