编程 Javascript

JS实现鼠标点击展开或隐藏表格行的方法

Posted in Javascript onMarch 03, 2015

本文实例讲述了JS实现鼠标点击展开或隐藏表格行的方法。分享给大家供大家参考。具体实现方法如下：

<!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>JS实现鼠标点击展开/隐藏表格行</title>

</head>

<body>

<script language="javascript">

function TestBlack(TagName){

 var obj = document.getElementById(TagName);

 if(obj.style.display==""){

  obj.style.display = "none";

 }else{

  obj.style.display = "";

 }

}

</script>

<table width="760" border="0" cellspacing="0" cellpadding="0">

    <tr onclick="TestBlack('divc');">

        <td width="760" height="20" bgcolor="#00CCFF">Click Me!</td>

    </tr>

    <tr id="divc">

        <td width="760" height="60" bgcolor="#9966FF"></td>

    </tr>

</table>

</body>

</html>

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

JS实现鼠标点击展开或隐藏表格行的方法

- Author -

代码家园

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Add a Table to a Word Document

Jun 15 Javascript

JavaScript 放大镜移动镜片效果代码

May 09 Javascript

JavaScript 数组详解

Oct 10 Javascript

javaScript使用EL表达式的几种方式

May 27 Javascript

jQuery ui实现动感的圆角渐变网站导航菜单效果代码

Aug 26 Javascript

Spring mvc 接收json对象

Dec 10 Javascript

Web制作验证码功能实例代码

Jun 19 Javascript

vue中实现methods一个方法调用另外一个方法

Feb 08 Javascript

vue利用v-for嵌套输出多层对象,分别输出到个表的方法

Sep 07 Javascript

关于vue表单提交防双/多击的例子

Oct 31 Javascript

JavaScript浅层克隆与深度克隆示例详解

Sep 01 Javascript

vue动态设置路由权限的主要思路

Jan 13 Vue.js

浅谈JavaScript数据类型

Mar 03 #Javascript

JavaScript中property和attribute的区别详细介绍

Mar 03 #Javascript

JS+CSS实现自动改变切换方向图片幻灯切换效果的方法

Mar 02 #Javascript

JS上传图片前实现图片预览效果的方法

Mar 02 #Javascript

JS控制弹出新页面窗口位置和大小的方法

Mar 02 #Javascript

js实现带关闭按钮始终显示在网页最底部工具条的方法

Mar 02 #Javascript

JS实现的网页倒计时数字时钟效果

Mar 02 #Javascript

You might like

IIS6.0+PHP5.x+MySQL5.x+Zend3.0x+GD+phpMyAdmin2.8x通用安装实例(已经完成)

2006/12/06 PHP

基于HTTP长连接的"服务器推"技术的php 简易聊天室

2009/10/31 PHP

解析php函数method_exists()与is_callable()的区别

2013/06/21 PHP

ThinkPHP CURD方法之page方法详解

2014/06/18 PHP

php自动给网址加上链接的方法

2015/06/02 PHP

自定义min版smarty模板引擎MinSmarty.class.php文件及用法

2016/05/20 PHP

PHP进程通信基础之信号

2017/02/19 PHP

PHP时间日期增减操作示例【date strtotime实现加一天、加一月等操作】

2018/12/21 PHP

jQuery封装的获取Url中的Get参数示例

2013/11/26 Javascript

JS获取文本框,下拉框,单选框的值的简单实例

2014/02/26 Javascript

javascript快速排序算法详解

2014/09/17 Javascript

js的touch事件的实际引用

2014/10/13 Javascript

js实现格式化金额,字符,时间的方法

2015/02/26 Javascript

14款经典网页图片和文字特效的jQuery插件-前端开发必备

2015/08/25 Javascript

js父页面中使用子页面的方法

2016/01/09 Javascript

走进javascript——不起眼的基础，值和分号

2017/02/24 Javascript

Javascript实现登录记住用户名和密码功能

2017/03/22 Javascript

NodeJS链接MySql数据库的操作方法

2017/06/27 NodeJs

Promise扫盲贴

2019/06/24 Javascript

详解js中的原型，原型对象，原型链

2020/07/16 Javascript

[02:28]DOTA2亚洲邀请赛 LGD战队巡礼

2015/02/03 DOTA

[04:19]DOTA2亚洲邀请赛现场花絮

2015/03/11 DOTA

[00:34]DOTA2上海特级锦标赛 Spirit战队宣传片

2016/03/04 DOTA

Django中对数据查询结果进行排序的方法

2015/07/17 Python

21行Python代码实现拼写检查器

2016/01/25 Python

python访问抓取网页常用命令总结

2017/04/11 Python

Python 结巴分词实现关键词抽取分析

2017/10/21 Python

pytorch 固定部分参数训练的方法

2019/08/17 Python

python Pillow图像处理方法汇总

2019/10/16 Python

什么是Web Service？

2012/07/25 面试题

九年级政治教学反思

2014/02/06 职场文书

2014副局长群众路线对照检查材料思想汇报

2014/09/22 职场文书

纯html+css实现奥运五环的示例代码

2021/08/02 HTML / CSS

Python进行区间取值案例讲解

2021/08/02 Python

nginx七层负载均衡配置详解

2022/07/15 Servers

Debian11 Xfce终端光标的颜色怎么设置?

2022/08/14 数码科技