JavaScript控制table某列不显示的方法

 这篇文章主要介绍了JavaScript控制table某列不显示的方法,涉及javascript操作表单的技巧,非常具有实用价值,需要的朋友可以参考下

 
 

本文实例讲述了JavaScript控制table某列不显示的方法。分享给大家供大家参考。具体实现方法如下：

1、table代码

代码如下:
<table id="mytable" border="0" width="1400" align="center"
cellpadding="3" cellspacing="1" bgcolor="#dfdfdf">
<tbody id="tbody1" style="background: #e4e9f0; font-weight: bold;">
<tr class="gray12">
<td width="120" bgcolor="#FFFFFF">日期</td>
<td width="120" bgcolor="#FFFFFF">媒体名称</td>
<td width="200" bgcolor="#FFFFFF">投放形式</td>
<td width="120" bgcolor="#FFFFFF">曝光次数</td>
<td width="120" bgcolor="#FFFFFF">曝光人数</td>
<td width="120" bgcolor="#FFFFFF">点击次数</td>
<td width="120" bgcolor="#FFFFFF">点击人数</td>
<td width="120" bgcolor="#FFFFFF">CTR</td>
<td width="120" bgcolor="#FFFFFF">访次</td>
<td width="120" bgcolor="#FFFFFF">跳出次数</td>
<td width="120" bgcolor="#FFFFFF">访问深度</td>
<td width="120" bgcolor="#FFFFFF">浏览时长/秒</td>
<td width="120" bgcolor="#FFFFFF">参与活动人数</td>
<td width="120" bgcolor="#FFFFFF">办理业务人数</td>
</tr>
</tbody>
<tbody id="detail_id"></tbody>
</table>

 

2、js根据权限控制

注：如果数据是动态数据，当赋值完后再控制显示td，否则会造成td头控制成功，其他行失败的情况

?

1
2
3
4
5
6
7
8
9
10
11

if (uname === "guest") {
$("#mytable tr").each(function() {
$(this).find("td").eq(7).css("display", "none");
$(this).find("td").eq(8).css("display", "none");
$(this).find("td").eq(9).css("display", "none");
$(this).find("td").eq(10).css("display", "none");
$(this).find("td").eq(11).css("display", "none");
$(this).find("td").eq(12).css("display", "none");
$(this).find("td").eq(13).css("display", "none");
});
}

希望本文所述对大家的javascript程序设计有所帮助。

时间： 2024-11-01 05:01:52

JavaScript控制table某列不显示的方法的相关文章

JavaScript控制table某列不显示的方法_javascript技巧

本文实例讲述了JavaScript控制table某列不显示的方法.分享给大家供大家参考.具体实现方法如下: 1.table代码 复制代码 代码如下: <table id="mytable" border="0" width="1400" align="center"    cellpadding="3" cellspacing="1" bgcolor="#dfdfdf&q

javascript控制页面控件隐藏显示的两种方法

javascript|控件|控制|显示|页面 javascript控制页面控件隐藏显示的两种方法,方法的不同之处在于控件隐藏后是否还在页面上占位 方法一: document.all["PanelSMS"].style.visibility="hidden"; document.all["PanelSMS"].style.visibility="visible"; 方法二: document.all["PanelSMS

jquery怎么控制table的一个tr显示或者不显示呢

问题描述 有个老系统,里面有两个radio,a和b,我选a或者b的时候,分别显示对应的行,比如说我选a的时候,显示第一个<tr>的内容,选b的时候,显示第二行tr的内容,怎么实现呢 问题补充:AngelAndAngel 写道 解决方案 <input type="radio" name="test" id="a" onclick="changeM(this)"/> <input type="

javascript 动态table添加colspan\rowspan 参数的方法_javascript技巧

解决方法:取得表对象,并取得他下面对应的行对象下的某个元素,这里如document.tableId.rows[i].cells[j]即取得表下第i行下的第j个元素,然后document.tableId.rows[i].cells[j].colspan=n即可. eg: dempTHFirst为要增加行或列属性的元素. demoThFirst.colSpan=3;

javascript 控制 html元素 显示/隐藏实现代码_javascript技巧

1.编写js函数 <script type="text/javascript"> function display(y){$(y).style.display=($(y).style.display=="none")?"":"none";} function $(s){return document.getElementById(s);} </script> 2. 要显示/隐藏的html元素加上 id

&amp;#106avascript控制页面控件隐藏显示的两种方法

控件|控制|显示|页面 javascript控制页面控件隐藏显示的两种方法,方法的不同之处在于控件隐藏后是否还在页面上占位方法一:document.all["PanelSMS"].style.visibility="hidden"; document.all["PanelSMS"].style.visibility="visible"; 方法二:document.all["PanelSMS"].style.

js控制页面控件隐藏显示的两种方法介绍_javascript技巧

javascript控制页面控件隐藏显示的两种方法,方法的不同之处在于控件隐藏后是否还在页面上占位 方法一: 复制代码 代码如下: document.all["panelsms"].style.visibility="hidden"; document.all["panelsms"].style.visibility="visible"; 方法二: 复制代码 代码如下: document.all["panelsms&

jQuery插件实现控制网页元素动态居中显示

 这篇文章主要介绍了jQuery插件实现控制网页元素动态居中显示,实例分析了jQuery插件的实现与元素动态显示的技巧,需要的朋友可以参考下     本文实例讲述了jQuery插件实现控制网页元素动态居中显示的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 (f

用javascript控制div的显示与隐藏

javascript|控制|显示 <html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><script language="JavaScript" type="text/JavaScript"><!--