编程 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 相关文章推荐

Javascript调试工具（下载）

Jan 09 Javascript

js宝典学习笔记（上）

Jan 10 Javascript

JQuery的一些小应用收集

Mar 27 Javascript

浅谈JavaScript函数节流

Dec 09 Javascript

JS实现网页Div层Clone拖拽效果

Sep 26 Javascript

js 轮播效果实例分享

Dec 28 Javascript

微信小程序自定义对话框实例详解

Jan 20 Javascript

详解原生js实现offset方法

Jun 15 Javascript

angular2 ng2-file-upload上传示例代码

Aug 23 Javascript

vue element-ui之怎么封装一个自己的组件的详解

May 20 Javascript

JS实现滑动导航效果

Jan 14 Javascript

es6中new.target的作用和使用场景简单示例分析

Mar 14 Javascript

浅谈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

PHP开发制作一个简单的活动日程表Calendar

2016/06/20 PHP

php面试中关于面向对象的相关问题

2019/02/13 PHP

PHP实现的pdo连接数据库并插入数据功能简单示例

2019/03/30 PHP

JavaScript中Array 对象相关的几个方法

2006/12/22 Javascript

javascript支持firefox,ie7页面布局拖拽效果代码

2007/12/20 Javascript

js原生态函数中使用jQuery中的 $(this)无效的解决方法

2011/05/25 Javascript

浅析JavaScript中两种类型的全局对象/函数

2013/12/05 Javascript

Jquery 切换不同图片示例代码

2013/12/05 Javascript

借助FileReader实现将文件编码为Base64后通过AJAX上传

2015/12/24 Javascript

JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)

2016/09/23 Javascript

AngularJS全局scope与Isolate scope通信用法示例

2016/11/22 Javascript

js实现随机抽选效果、随机抽选红色球效果

2017/01/13 Javascript

详解react-router 4.0 下服务器如何配合BrowserRouter

2017/12/29 Javascript

npm 下载指定版本的组件方法

2018/05/17 Javascript

详解微信小程序调起键盘性能优化

2018/07/24 Javascript

解决vue-cli脚手架打包后vendor文件过大的问题

2018/09/27 Javascript

vue+egg+jwt实现登录验证的示例代码

2019/05/18 Javascript

vue 使用鼠标滚动加载数据的例子

2019/10/31 Javascript

[01:49]一目了然！DOTA2DotA快捷操作对比第二弹

2014/05/16 DOTA

python 字符串格式化代码

2013/03/17 Python

python使用MySQLdb访问mysql数据库的方法

2015/08/03 Python

python 简单的多线程链接实现代码

2016/08/28 Python

python通过移动端访问查看电脑界面

2020/01/06 Python

python如何代码集体右移

2020/07/20 Python

Jupyter安装链接aconda实现过程图解

2020/11/02 Python

通过canvas转换颜色为RGBA格式及性能问题的解决

2019/11/22 HTML / CSS

英国折扣高尔夫商店：Discount Golf Store

2019/11/19 全球购物

MediaMarkt比利时：欧洲最大电器连锁店

2020/12/21 全球购物

自我评价是什么

2014/01/04 职场文书

户外拓展活动方案

2014/02/11 职场文书

视光学毕业生自荐书范文

2014/02/13 职场文书

会议主持词

2014/03/17 职场文书

唐山大地震观后感

2015/06/05 职场文书

如何写观后感

2015/06/19 职场文书

为Java项目添加Redis缓存的方法

2021/05/18 Redis

vue项目配置sass及引入外部scss文件

2022/04/14 Vue.js