编程论坛 → JavaScript论坛

JavaScript脚本点击不同标题显示不同内容的问题，求助！

a275298873 发布于 2013-10-19 09:55， 620 次点击

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

5 回复

#2

诸葛修勤2013-10-19 12:37

在修改display 样式的时候 == 改成 =

#3

tlliqi2013-10-19 14:38

同意

#4

a2752988732013-10-21 14:22

回复 2楼诸葛修勤

十分感谢！

#5

a2752988732013-10-21 14:23

回复 3楼 tlliqi

很感谢你的回答，但是分就一个，只能先给回答正确的2楼了。

#6

a2752988732013-10-21 14:55

回复 2楼诸葛修勤

我原来的代码把“==”换成“=”号就可以用了，但是结果不对，就是从“规格”或“图片”切换到“内容”时，“内容”块是显示出来了，但是“规格”和“图片”块不隐藏。
content.style.display=='block';
spce.style.display=='none';
picture.style.display=='none';
就等于上面三行代码只执行了第一行，第二行第三行就不执行了，
我很想知道为什么会这样？

1