您的位置：首页 > 其它

关于tr隐藏的问题

2010-11-17 16:51 162 查看
如果通过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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航