日期:2014-05-16  浏览次数:20483 次

JavaScript脚本点击不同标题显示不同内容的问题,求助!
JavaScript脚本点击不同标题显示不同内容的问题,求助!
<script type="text/JavaScript" language="JavaScritp">
function show(id){
var content=document.getElementById("content") ; 
var spec=document.getElementById("spec"); 
var picture=document.getElementById("picture");
if (id=='content') {
content.style.display=='block';
spce.style.display=='none';
picture.style.display=='none';
}else {if (id=='spec') {
spec.style.display=='block';
content.style.display=='none';
picture.style.display=='none';
}else{
picture.style.display=='block';
content.style.display=='none';
spec.style.display=='none';
}
}
}
</script>
<table>
<tr>
<td height="15" align="left"><input type="button" value="描述" id="" onclick='show("content")'></td>
<td align="left"><input type="button" value="规格" id="" onclick='show("spec")'></td>
<td><input type="button" value="图片" id="" onclick='show("picture")'></td>
</tr>
</table>
<div id="content" style="display:block">{内容}</div>
<div id="spec" style="display:none">{规格}</div>
<div id="picture" style="display:none">{图片}</div>
JS脚本 javascript function

------解决方案--------------------
content.style.display=='block';

这是?
赋值时  一个等号,注意啊。

这样大意的写代码,可是不行的。

------解决方案--------------------
楼主发这段代码是让大家来找茬吗?
那我来找找看:
1、language="JavaScritp"——JavaScript拼写错误
2、spce.style.display——spec拼写错误
3、字符串有的用单引号,有的用双引号,不规范
4、if..else的格式不规范(缺少缩进就当是发表时没使用code标签导致的吧,但“}else {if (id=='spec') {”写在一行也太难看了)
5、最关键的问题!!“=”是赋值,“==”是比较,你用==来赋值,这也是你这段代码不好使的最主要原因。

------解决方案--------------------
顶#2楼

<style>
div{display:none}
#content{display:block}
</style>
<script type="text/JavaScript" >
function show(id){
var x=document.getElementsByTagName("div");
for(var i=0;i<x.length;i++){
x[i].style.display='none';
}
document.getElementById(id).style.display='block';
}
</script>
 <table>
 <tr>
 <td height="15" align="left"><input type="button" value="描述" id="" onclick='show("content")'></td>
 <td align="left"><input type="button" value="规格" id="" onclick='show("spec")'></td>
 <td><input type="button" value="图片" id="" onclick='show("picture")'></td>
 </tr>
 </table>
 <div id="content" >{内容}</div>
 <div id="spec">{规格}</div>
 <div id="picture">{图片}</div>&nb