js实现单元格没有内容的行隐藏document.getElementsByTagName

最新推荐文章于 2022-03-01 16:57:38 发布
原创 最新推荐文章于 2022-03-01 16:57:38 发布 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文通过一段HTML和JavaScript代码展示了如何根据表格内容的空值情况动态地隐藏表格行。利用JavaScript遍历指定的元素并检查其内容，如果内容为空则隐藏相应的表格行。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<!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=utf-8" />
<title>无标题文档</title>
</head>
<body>
<table border="1">
  <tr>
    <td width="282">标题</td>
    <td width="284">内容</td>
  </tr>
   <tr id="qq">
    <td>文字1</td>
    <td><span id="aa">11</span></td>
 </tr>
  <tr id="qq">
    <td>文字2</td>
    <td><span id="aa">11</span></td>
 </tr>
  <tr id="qq">
    <td>文字3</td>
    <td><span id="aa">&nbsp;</span></td>
 </tr>
  <tr id="qq">
    <td>文字4</td>
    <td><span id="aa">11</span></td>
 </tr>
  <tr id="qq">
    <td>文字5</td>
    <td><span id="aa">11</span></td>
 </tr>

 <script>
var n=document.getElementsByTagName("span");
var nn="";
 for(var i=0;i<n.length;i++){
   nn=n[i].innerText;
   nn=nn.replace(/ /g,"");
   if(nn==""){
   //alert(nn);
   n[i].parentElement.parentElement.style.display="none";
   
   }
 }
</script>
</table>

</body>
</html>

 

 

haining711
关注
bootstarp js设置列隐藏_隐藏工作表的行、列（第一种简单，第二种很坑，第三种最坑）...
weixin_42371574的博客
12-28 389
各位朋友，你们好。今天和你们分享怎样将工作表的行、列进行隐藏。我将分享两种方法：一、直接隐藏通过选中行、列或者单元格，对行列进行隐藏效果见下图：隐藏行，可以使用：右键菜单、Ctrl+9、开始选项卡中单元格格式中的可见性设置；隐藏列，可以使用：右键菜单、Ctrl+0、开始选项卡中单元格格式中的可见性设置；二、设置行高列宽将行高设置为大于等于0.08；列宽设置为大于等于0.04。为什么是这两个数呢？因...
js day（2）（display:none、getElementsBy、父子兄节点，增删节点、复制节点、节点属性）
yiyiyixin的博客
07-10 457
一、使这个模块里面的东西全部没有box.style.display="none";二、获取id、class、标签document.getElementsByClassName//类名 document.getElementsById document.getElementByTagName//标签名，eg：p、div eg：var x=document.getElementsByTagName('...
用javascript 控制表格行的展开和隐藏的代码
10-30
用javascript 控制表格行的展开和隐藏的代码
webdriver隐藏元素的处理(二)--getElementsByTagName
可口可乐的博客
11-26 1393
在上一篇文章中我们提到有关隐藏元素的webdriver的定位方法--使用JS，这个时候可以用getElementById,getElementsByName和getElementsByTagName来定位，并同时可以调用相应的方法。    在用getElementById,getElementsByName对元素进行定位操作的时候，方法相对简单，并在上篇文章中也有举例。但是用getElement
js 实现 用JavaScript隐藏或显示表格列
03-31
js 实现 用JavaScript隐藏或显示表格列! 值得下载看看!资源免费,大家分享!!
javascript新增數據用的是// 获得新增数据 function popDiv(){ // 获取div元素 var popBox = document.getElementById("popDiv"); var popLayer = document.getElementById("popLayer"); // 控制两个div的显示与隐藏 popBox.style.display = "block"; popLayer.style.display = "block"; } function closePop(){ // 获取弹出窗口元素 let popDiv = document.getElementById("popDiv"); popDiv.style.display = "none"; } function add(){ // 获取table标签元素 let table = document.getElementById("work_table"); // 创建新行 let newRow = table.insertRow(); // 创建新单元格 let cellDate = newRow.insertCell(); let cellData = newRow.insertCell(); let cellText = newRow.insertCell(); let cellName = newRow.insertCell(); let cellAge = newRow.insertCell(); let cellChar = newRow.insertCell(); let cellSex = newRow.insertCell(); let cellBat = newRow.insertCell(); // 获取文本框内容 let date = document.getElementById("DATE"); let data = document.getElementById("DATA"); let text = documenet.getElementById("TEXT"); let name = document.getElementById("NAME"); let age = document.getElementById("AGE"); let char = document.getElementById("CHAR"); let sex = document.getElementById("SEX"); let bat = document.getElementById("BAT"); // 向表格中插入元素 cellName.innerHTML = name.value; cellAge.innerHTML = age.value; cellSex.innerHTML = sex.value; closePop(); }，那查詢的代碼該如何寫
03-26
let table = document.getElementById("work_table"); let rows = table.getElementsByTagName("tr"); for (let i = 1; i < rows.length; i++) { //从1开始遍历是因为第0行是表头 let cells = rows[i]....
JavaScript实现表格相同单元格内容合并
"JavaScript实现表格相同内容单元格合并示例" 在网页开发中，有时我们需要对表格中的单元格进行合并，特别是在数据展示时，如果连续的单元格具有相同的内容，合并可以使得表格更加清晰，减少冗余信息。本示例将介绍...
function resetDate() { var cells = document.getElementsByTagName('td'); for (var i = 0; i < cells.length; i++) { var input = cells[i].getElementsByTagName('input')[0]; if (input) { cells[i].innerHTML = '<input type="date" id="myDate" onchange="updateDate(this)">'; } }
05-15
需要注意的是，这段代码中使用了document.getElementsByTagName()函数和getElementsByTagName()函数，它们分别是全局函数和元素对象的方法，用于获取文档中具有指定标签名的元素。此外，该代码还使用了innerHTML属性...
【JavaScript源代码】原生JavaScript实现简单五子棋游戏.docx
12-30
### JavaScript 实现简单五子棋游戏 #### 一、项目概述 本文将详细介绍如何使用原生JavaScript实现一个简单的五子棋游戏。通过本教程的学习，读者可以了解到如何利用JavaScript进行DOM操作、事件处理以及基本的...
JavaScript获取GridView选择的行内容
10-30
如果需要获取选中行中TextBox的值，可以访问到对应单元格（td），然后使用`getElementsByTagName`来获取具体的输入框，最后访问`value`属性来获取内容。示例如下： ```javascript var textBoxValue = table.rows...
打印不显示打印按钮及获取其他属性
点子二木
04-28 556
今天弄了下打印相关的的内容，主要是为了打印页面内容的时候不想同时打印出“打印按钮”。 主要有五种方法（其中6为删除打印页眉页脚的例子）：   1、打印前将style隐藏，打印后再显示出来。该方法较简单，且可以写成一个共有的方法，推荐。   style.display="none"; window.print();//打印 style.display="";         ...
js动态控制表单的tr，td的显示和隐藏
热门推荐
shao.bing的专栏
06-03 7万+
无论是事先写好的，还是动态生成的，要找到指定的tr或td都必须知道其相关的一个属性，未必必须是id或name，然后无论是在一个table还是多个table都可以通过document.getElementsByTagNames( "tr ")或td，取得集合，……再根据知道的属性再找，最后设置显示/隐藏 方法一： document.getElementById( "控件ID
JavaScript.BOM
liwangdeng的博客
03-01 659
本章思维导图 利用JS制作图片自动切换效果 1.首先定义背景，设置背景 2.利用循环定时实现循环切换 <style> //标签 div{ width: 400px; //定义标签div 宽度 height: 300px; //长度 background: url("images/a0.jpg") center/cover; //背景图片 居中/铺满 ..
document.getElementById(id)的隐藏与显示
Pei_hua100的专栏
04-10 3504
<script language="javascript"> var n = 1; function $(id){ return document.getElementById(id); } function show_child(){ if(n==1){ //alert(n); $("rwgl").style.display="none"; n = n-1; } else { /...
帆软: js 实现控制空行隐藏详解（决策报表）
@素素~的博客
02-19 2751
这里写目录标题一、普通报表空行隐藏（js实现）二、前言三、分析问题四、决策报表隐藏空行1.简单设计的样板2.实现效果3.js代码截图步骤实现代码6.测试文件 一、普通报表空行隐藏（js实现） 帆软: js 控制隐藏空行详解（普通报表）. 二、前言 C友留言需求： 意思应该是两个表格 A 和 B，同框展示时，只想对A表格的设置空行隐藏，而B表格不受任何影响（即：不随A表格的隐藏而隐藏） 三、分析问题 目前的问题是，针对这种情况，我们可能想到聚合报表，但是聚合聚合报表，如果两个表格，看似两个模块，但是
ie用document.getElementsByName获取不到
weixin_33743661的博客
09-30 789
document.getElementsByName('someName') 返回一个节点列表（数组） 注意：在IE下有些节点是没有name 属性的，就是用document.getElementsByName获取不到的。只有下面的tag有name属性： A, APPLET, attribute, BUTTON, EMBED, FORM, IMG, INPUT type=button, IN...
document.getElementsByName()的用法
编程日常记录与总结 https://franciswmf.iteye.com
04-12 6116
当页面上的控件同名且多个的时候,你首先做的是什么?判断长度?的确,从程序的严密角度出发,我们是需要判断长度,而且有长度和没长度是两种引用方法.我们来看: oEle= document.all.aaa ;//这里有一个aaa的对象,但我们不知道它现在长度是多少,所以没办法对它操作.因此,我们要先做判断长度的过程.如下: if(oEle.length){}else{}; 在两种情况下,花括号里面的内容
利用document.getElementsByName获取相同名字的元素并取值
hwm的专栏
03-12 1万+
元素 var attList = document.getElementsByName("fujian_type"); //遍历取得的元素中的value for(var i=0;i alert(attList[i].value); }
getElementsByTagName()
weixin_30443075的博客
11-01 3077
getElementsByTagName()：方法的用途是寻找有着给定标签名的所有的元素。 element = document.getElementsByTagName(tagName); 这个方法返回一个节点的集合，这个集合可以当做一个数组来处理。这个集合的length属性等于当前文档里有着给定标签名的所有元素的总个数。这个数组里面的每个元素都是一个对象，他们都有着nodeName...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值