关于tr隐藏的问题

来源:互联网 发布:加拿大留学签证 知乎 编辑:程序博客网 时间:2024/06/04 19:27

如果通过tr的id来隐藏页面是不好用的,一般都是在外面加上一个div

 

看代码

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
<title>javascript获取下拉列表的值</title>  

 
<script type="text/javascript">  

function hid(){
  alert("12345689");
  //var te = document.getElementById("trid");
  //var par = te.parentNode.parentNode;
  //alert(par.innerHTML);
  //te.style.display='none'
  if(document.getElementById('div111').style.display == ""){
   document.getElementById('div111').style.display = "none"
   document.getElementById("button1").value="显示tr"
  }else{
   document.getElementById('div111').style.display = ""
  }
}

 

</script>  
 
</head>  
 
<body style="text-align:center">
<div id="div111">
<tr id="trid">  
<p>JavaScript获取下拉列表的值</p>  
<p>  
  <select id="city" >  
    <option value="1">北京</option>  
    <option value="2">上海</option>  
    <option value="3">广州</option>  
    <option value="4">深圳</option>  
    <option value="5">重庆</option>  
    <option value="6">南京</option>  
    <option value="7">杭州</option>  
  </select>  
</p>
</tr>
</div>
<tr id="ttid">


<input type="button" id="button1" value="隐藏TR" onclick="hid()"/>
<p>    
</tr>
</p>  
</body>  
</html>

原创粉丝点击