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

最新推荐文章于 2022-04-24 20:40:05 发布
最新推荐文章于 2022-04-24 20:40:05 发布
阅读量1k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/haining711/article/details/8721537
版权

<!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
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
bootstarp js设置列隐藏_隐藏工作表的行、列（第一种简单，第二种很坑，第三种最坑）...
weixin_42371574的博客
12-28 319
各位朋友，你们好。今天和你们分享怎样将工作表的行、列进行隐藏。我将分享两种方法：一、直接隐藏通过选中行、列或者单元格，对行列进行隐藏效果见下图：隐藏行，可以使用：右键菜单、Ctrl+9、开始选项卡中单元格格式中的可见性设置；隐藏列，可以使用：右键菜单、Ctrl+0、开始选项卡中单元格格式中的可见性设置；二、设置行高列宽将行高设置为大于等于0.08；列宽设置为大于等于0.04。为什么是这两个数呢？因...
js day（2）（display:none、getElementsBy、父子兄节点，增删节点、复制节点、节点属性）
yiyiyixin的博客
07-10 405
一、使这个模块里面的东西全部没有box.style.display="none";二、获取id、class、标签document.getElementsByClassName//类名 document.getElementsById document.getElementByTagName//标签名，eg：p、div eg：var x=document.getElementsByTagName('...
webdriver隐藏元素的处理(二)--getElementsByTagName
可口可乐的博客
11-26 1335
在上一篇文章中我们提到有关隐藏元素的webdriver的定位方法--使用JS，这个时候可以用getElementById,getElementsByName和getElementsByTagName来定位，并同时可以调用相应的方法。    在用getElementById,getElementsByName对元素进行定位操作的时候，方法相对简单，并在上篇文章中也有举例。但是用getElement
用javascript 控制表格行的展开和隐藏的代码
10-30
用javascript 控制表格行的展开和隐藏的代码
js 实现 用JavaScript隐藏或显示表格列
03-31
js 实现 用JavaScript隐藏或显示表格列! 值得下载看看!资源免费,大家分享!!
用JavaScript获取页面文档内容的实现代码
10-22
在JavaScript中，获取页面文档内容主要通过操作`document`对象来实现。`document`对象是浏览器提供的一种全局对象，它代表了当前打开的HTML或XML文档，并提供了与文档交互的各种方法和属性。以下将详细解释如何使用...
javascript实现切换td中的值.docx
01-13
【JavaScript实现切换TD中的值】 在JavaScript中，切换表格（Table）中单元格（TD）的值是一项常见的任务，尤其在动态交互的网页应用中。本文将深入探讨如何使用JavaScript来实现这一功能，并通过实例代码进行讲解...
js 实现 table 行排序
03-29
在网页开发中，JavaScript 是一种常用的编程语言，用于实现客户端...以上就是 JavaScript 实现表格行排序的基本原理和实现方法。在实际项目中，你可能还需要考虑性能优化、用户交互反馈等问题，以提供更好的用户体验。
动态创建的表格单元格中的事件实现代码
09-06
动态创建的表格单元格（TD）能够使界面更具灵活性，允许我们根据需要添加、删除或修改表格内容。然而，为这些动态创建的元素绑定事件处理程序有时会遇到一些挑战，因为它们在页面加载时并不存在于DOM（文档对象模型...
JavaScript提高：004：JS获取Gridview单元格时层级问题
08-01
在标题提到的"JavaScript提高：004：JS获取Gridview单元格时层级问题"中，我们可以推测作者可能在讨论如何在JavaScript中有效地遍历和访问GridView控件的层次结构，尤其是在HTML渲染后的DOM结构中。通常，GridView在...
打印不显示打印按钮及获取其他属性
点子二木
04-28 446
今天弄了下打印相关的的内容，主要是为了打印页面内容的时候不想同时打印出“打印按钮”。 主要有五种方法（其中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 562
本章思维导图 利用JS制作图片自动切换效果 1.首先定义背景，设置背景 2.利用循环定时实现循环切换 <style> //标签 div{ width: 400px; //定义标签div 宽度 height: 300px; //长度 background: url("images/a0.jpg") center/cover; //背景图片 居中/铺满 ..
帆软: js 实现控制空行隐藏详解（决策报表）
@素素~的博客
02-19 2410
这里写目录标题一、普通报表空行隐藏（js实现）二、前言三、分析问题四、决策报表隐藏空行1.简单设计的样板2.实现效果3.js代码截图步骤实现代码6.测试文件 一、普通报表空行隐藏（js实现） 帆软: js 控制隐藏空行详解（普通报表）. 二、前言 C友留言需求： 意思应该是两个表格 A 和 B，同框展示时，只想对A表格的设置空行隐藏，而B表格不受任何影响（即：不随A表格的隐藏而隐藏） 三、分析问题 目前的问题是，针对这种情况，我们可能想到聚合报表，但是聚合聚合报表，如果两个表格，看似两个模块，但是
第十一讲 dom对象（document对象的常用方法、三种访问页面元素的区别、页面的显示与隐藏、二级菜单、选项卡、多选框、新增获取dom元素API）
Fiki515的博客
04-24 976
一、什么是DOM？ 概念：文档对象模型（Document Object Model） 通过DOM可以动态改变文档内容 二、document对象的常用方法 方法 描述 getElementById() 返回对拥有指定id的第一个对象的引用 getElementsByName() 返回带有指定名称的对象的集合 getElementsByTagName()
ie用document.getElementsByName获取不到
weixin_33743661的博客
09-30 748
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 5999
当页面上的控件同名且多个的时候,你首先做的是什么?判断长度?的确,从程序的严密角度出发,我们是需要判断长度,而且有长度和没长度是两种引用方法.我们来看: 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); }
JavaScript中用解决document.getElementsByName不能获得对象的问题
lost517567273的专栏
04-01 9155
<br /><br />在写了很多js后,会发现在js中总会出现各种各样奇怪的问题,主要的问题是不能获得所需要的对象.<br />一般来说,我们所需要获得的对象有几种办法获得:<br />1. ID 法,通过使用document.getElementById()这个方法获得用户所需的对象,你只需要在标签中加入id="yourIdName"这样的属性,你就可以用这个方法获得这个对象了.举个例子来说:有如下代码<br /><table><tr id='zergTr'><td>这里是zergpest的第一行</t
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]....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值