getElementById得到新的不清空原来的

来源:百度知道 编辑:UC知道 时间:2024/07/05 09:18:31
//这是javascript部分
<script language="javascript">
function Province(n){
document.getElementById(n).style.display='block';
}
</script>

//这是页面内部超链接地方
<href="javascript:Province('gs')">
<href="javascript:Province('hn')">
<href="javascript:Province('hb')">

//我要解决的问题是:比如我点第一个链接页面对应的内容会出现,可是我点击第二个链接的时候。第一个点击的内容不清空。我想清空。如何做。谢谢大家了。

就是要保证你的ID为gs,hn,hb的层只有一个是block的

所以你在每次调用的时候都要先关闭上一个被打开的层

具体做法如下

<script language="javascript">
function Province(n){
document.getElementById('gs').style.display='none';
document.getElementById('hn').style.display='none';
document.getElementById('hb').style.display='none';
document.getElementById(n).style.display='block';
}
</script>

//这是页面内部超链接地方
<href="javascript:Province('gs')">
<href="javascript:Province('hn')">
<href="javascript:Province('hb')">

这种做法只能用于数据较少的时候
也就是能解决你现在的问题

但如果数据量很多的话 建议把所有的id都设为pro1,pro2,pro3等等

然后在javascript里面做个循环如下

function showDiv(id)
{
//这里的这个num你应该能知道吧,如果有23个省就写23就可以了
for(var i=0;i<num;i++)
{
document.getElementById(&q