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

用Javscript实现表单复选框的全选功能

May 25 Javascript

基于jquery可配置循环左右滚动例子

Sep 09 Javascript

基于SVG的web页面图形绘制API介绍及编程演示

Jun 28 Javascript

jQuery实现平滑滚动到指定锚点的方法

Mar 20 Javascript

JavaScript判断undefined类型的正确方法

Jun 30 Javascript

jQuery AjaxUpload 上传图片代码

Feb 02 Javascript

JS比较两个数值的大小实例

Nov 25 Javascript

从零学习node.js之详解异步控制工具async（八）

Feb 27 Javascript

微信小程序图片自适应支持多图实例详解

Jun 21 Javascript

使用Angular CLI快速创建Angular项目的一些基本概念和写法小结

Apr 22 Javascript

Node.js 实现远程桌面监控的方法步骤

Jul 02 Javascript

基于JS实现父组件的请求服务过程解析

Oct 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

一个颜色轮换的简单例子

2006/10/09 PHP

PHP has encountered an Access Violation at 7C94BD02解决方法

2009/08/24 PHP

php排序算法实例分析

2016/10/17 PHP

PHP区块查询实现方法分析

2018/05/12 PHP

JS模拟多线程

2007/02/07 Javascript

JavaScript实现页面滚动图片加载(仿lazyload效果)

2011/07/22 Javascript

script的async属性以非阻塞的模式加载脚本

2013/01/15 Javascript

jQuery根据纬度经度查看地图处理程序

2013/05/08 Javascript

jquery设置元素的readonly和disabled的写法

2013/09/22 Javascript

jquery sortable的拖动方法示例详解

2014/01/16 Javascript

JS实现网页顶部向下滑出的全国城市切换导航效果

2015/08/22 Javascript

JS实现可展开折叠层的鼠标拖曳效果

2015/10/09 Javascript

javascript代码调试之console.log 用法图文详解

2016/09/30 Javascript

Vue.JS入门教程之处理表单

2016/12/01 Javascript

jQuery DOM节点的遍历方法小结

2017/08/15 jQuery

Angular2监听页面大小变化的解决方法

2017/10/09 Javascript

Vue.js实现的表格增加删除demo示例

2018/05/22 Javascript

原生JS实现天气预报

2020/06/16 Javascript

[01:08:10]2014 DOTA2国际邀请赛中国区预选赛 SPD-GAMING VS LGD-CDEC

2014/05/22 DOTA

python交互式图形编程实例（三）

2017/11/17 Python

python使用xpath中遇到：到底是什么？

2018/01/04 Python

在VS2017中用C#调用python脚本的实现

2019/07/31 Python

Python如何访问字符串中的值

2020/02/09 Python

从多个tfrecord文件中无限读取文件的例子

2020/02/17 Python

150行python代码实现贪吃蛇游戏

2020/04/24 Python

Python利用Xpath选择器爬取京东网商品信息

2020/06/01 Python

OpenCV 之按位运算举例解析

2020/06/19 Python

python db类用法说明

2020/07/07 Python

Evisu官方网站：日本牛仔品牌，时尚街头设计风格

2016/12/30 全球购物

通信工程专业毕业生推荐信

2013/12/25 职场文书

党员组织关系介绍信

2014/02/13 职场文书

舞蹈兴趣小组活动总结

2014/07/07 职场文书

政风行风评议工作总结

2014/10/21 职场文书

乐山大佛导游词

2015/02/02 职场文书

2016天猫双十一广告语

2016/01/28 职场文书

springboot为异步任务规划自定义线程池的实现

2022/06/14 Java/Android