关于tr隐藏的问题

最新推荐文章于 2022-06-23 13:59:33 发布
最新推荐文章于 2022-06-23 13:59:33 发布
阅读量1.7k 收藏
点赞数 1
文章标签： button div xhtml html function input
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/serryzhao/article/details/6015223
版权

如果通过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" οnclick="hid()"/>
<p>    
</tr>
</p>  
</body>  
</html>

serryzhao
关注
浅析tr的隐藏和显示问题
09-04
在网页开发中，经常需要对表格（table）的行（tr）进行隐藏和显示操作，以便根据用户交互或特定条件动态地控制界面内容。本文将深入探讨如何利用JavaScript和CSS来实现这一功能。 首先，`<tr>`元素是HTML表格中的行...
jQuery控制TR显示隐藏的三种常用方法
10-25
在处理网页中的表格数据时，经常会需要动态地显示或隐藏表格的行（tr）。本文将介绍三种使用jQuery实现tr显示与隐藏的常用方法。 ### 第一种方法：使用id 通过为tr元素设置一个唯一的id，并使用jQuery的选择器和...
隐藏tr
shy_snow的专栏
12-24 762
 直接将style="display:none"粘贴到tr中。     
tr 显示与隐藏
旺仔
10-11 1万+
使用 style = "display : none/ block" 当某个值发生改变tr是否隐藏和显示时，显示的样式会被覆盖。显示与之前的样式不一。 解决办法为使用：在tr上添加一个ID，根据某个值来调用$("id).show()/hide()来显示，使用这个方法就原来的样式就不会丢失。...
JS控制显示或隐藏TR
weixin_43941291的博客
06-23 2981
JS控制显示或隐藏TR
html中隐藏域hidden的作用介绍及使用方法，一看就会！！！
weixin_54787921的博客
05-27 1万+
html中隐藏域hidden的作用介绍及使用方法前言一、定义和用法二、隐藏域hidden的作用三、实例 前言 隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序所使用，下面我将为大家详细介绍下此隐藏域在实际中时如何使用的… 一、定义和用法 hidden 属性是布尔属性。 如果设置该属性，它规定元素仍未或不再相关。 浏览器不应显示已规定 hidden 属性的元素。 hidden 属性也可用于防止用户查看元素，直到匹配某些条件（比如选择了某个复选框）。然后，J
Html中 <tr> 标签的隐藏与显示
weixin_34306676的博客
03-24 1127
TR标签的隐藏与显示：block(显示)和none(隐藏)   &lt;tr  style="display:none"&gt;  &lt;tr id="sample" style="display: &lt;s:if test="sample == 1"&gt;block&lt;/s:if&gt;&lt;s:else&gt;none
jQuery控制TR显示隐藏的几种方法
10-25
在网页开发中，jQuery是一个非常常用的JavaScript库，它极大地简化了DOM操作，包括对表格（Table）中的行（TR）进行显示和隐藏的控制。在本文中，我们将深入探讨使用jQuery来控制TR显示隐藏的几种方法。 首先，最...
jquery 隐藏与显示tr标签示例代码
10-25
在这个主题“jquery 隐藏与显示tr标签示例代码”中，我们将探讨如何使用jQuery库来控制HTML表格行（tr标签）的显示与隐藏。这种方法在网页设计中非常实用，尤其是在需要根据用户交互来动态改变网页内容时。接下来，...
js控制TR的显示隐藏
10-22
本文将深入探讨如何使用JavaScript控制表格行（TR）的显示和隐藏。 首先，我们需要了解HTML中的`<tr>`元素。`<tr>`元素用于定义表格中的行，它可以包含多个`<td>`（表格数据）或`<th>`（表头）元素。在JavaScript中...
Html中TR标签的隐藏与显示
OArthurO的博客
11-25 5376
TR标签的隐藏与显示：block(显示)和none(隐藏) eg: &lt;tr id="sample" style="display: &lt;s:if test="sample == 1"&gt;block&lt;/s:if&gt;&lt;s:else&gt;none&lt;/s:else&gt;"&gt; &lt;td&gt;
html div中的tr隐藏,使用jQuery隐藏div标签中的tr标签
weixin_35615591的博客
06-04 608
修改 H2>我正在编辑这个，因为看起来许多人正在关注html格式而不是问题。我很抱歉是的当然div标签位于一个表中，当然，一旦DOM被加载，就会调用标记在jquery中的隐藏Jquery如下;$(document).ready(function() {//naturally there is more in this file but this is all that happens to ...
HTML5--Hidden属性
04-27 1万+
<br />  HTML5 hidden属性是个boolean属性。所有HTML元素可以设置hidden属性，可设置值true或false，当设置为true时浏览器将不渲染该元素。当设置为false则渲染该元素。相比之前用的display：none/block要方便快捷多了。<br /><br /><br />例如：<br /><!DOCTYPE HTML> <html> <head> <meta charset="utf-8"/> <title><title> </head> <div c
通过display或visibility来隐藏html元素的区别
三五月儿的专栏
01-14 9356
1、使用style=”display:none;” 来隐藏html元素 将元素的显示设为无，元素在网页中不占任何的位置。<input value="cc1"></input><input value="cc2" style="display:none;"></input><input value="cc3"></input> 显示html元素使用style=”display:block”。2、使
js动态控制表单的tr，td的显示和隐藏
热门推荐
shao.bing的专栏
06-03 7万+
无论是事先写好的，还是动态生成的，要找到指定的tr或td都必须知道其相关的一个属性，未必必须是id或name，然后无论是在一个table还是多个table都可以通过document.getElementsByTagNames( "tr ")或td，取得集合，……再根据知道的属性再找，最后设置显示/隐藏 方法一： document.getElementById( "控件ID
html中type="hidden"用法小结
budaoweng0609的博客
02-03 6039
HTML----表单中隐藏域小结 基本语法： ield＿name" value="value"> 作用：1 隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候，隐藏域的信息也被一起发送到服务器。 2 有些时候我们要给用户一信息，让他在提交表单时提交上来以确定用户身份，如sessi
jQuery控制TR显示隐藏
u011032858的博客
04-29 1575
第一种方法，就是使用id，这个方法可以在生成html的时候动态设置tr的id，也是用得最多最简单的一种，如下： ? 1 2 3 4 5 6 table> tr>td>这行不隐藏td>tr> tr id="tr_1">td>这行要隐藏td>tr> tr id="tr_2"
javascript隐藏tr示例
最新发布
02-25
你可以使用JavaScript来控制HTML元素的可见性。例如，你可以使用下面的代码来隐藏一个表格行：document.getElementById('myTR').style.display = 'none';
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值