<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>

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

同意

十分感谢！

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

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