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

jquery 插件之仿“卓越亚马逊”首页弹出菜单效果

Dec 25 Javascript

javascript中强制执行toString()具体实现

Apr 27 Javascript

jQuery弹性滑动导航菜单实现思路及代码

May 02 Javascript

Ext JS添加子组件的误区探讨

Jun 28 Javascript

浏览器页面区域大小的js获取方法

Sep 21 Javascript

JavaScript中的style.cssText使用教程

Nov 06 Javascript

js实现下拉框选择要显示图片的方法

Feb 16 Javascript

jquery动态导航插件dynamicNav用法实例分析

Sep 06 Javascript

jQuery实用技巧必备（下）

Nov 03 Javascript

vue实现ajax滚动下拉加载，同时具有loading效果(推荐)

Jan 11 Javascript

jQuery插件jquery.kxbdmarquee.js实现无缝滚动效果

Feb 15 Javascript

JavaScript简单计算人的年龄示例

Apr 15 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

15种PHP Encoder的比较

2007/03/06 PHP

Web程序工作原理详解

2014/12/25 PHP

小议Function.apply() 之一------(函数的劫持与对象的复制)

2006/11/30 Javascript

用javascript实现页面打印的三种方法

2007/03/05 Javascript

Jquery 一次处理多个ajax请求的代码

2011/09/02 Javascript

纯Javascript实现Windows 8 Metro风格实现

2013/10/15 Javascript

DOM基础教程之模型中的模型节点

2015/01/19 Javascript

AngularJS基础知识笔记之过滤器

2015/05/10 Javascript

使用nodejs中httpProxy代理时候出现404异常的解决方法

2016/08/15 NodeJs

JavaScript将base64图片转换成formData并通过AJAX提交的实现方法

2016/10/24 Javascript

JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法

2016/12/07 Javascript

canvas时钟效果

2017/02/16 Javascript

字太多用...代替的方法（两种）

2017/03/15 Javascript

Vue.js实战之利用vue-router实现跳转页面

2017/04/01 Javascript

vue中关闭eslint的方法分析

2018/08/04 Javascript

深入了解JavaScript 私有化

2019/05/30 Javascript

Vue SPA 初次进入加载动画实现代码

2019/11/14 Javascript

python线程、进程和协程详解

2016/07/19 Python

python 简单的绘图工具turtle使用详解

2017/06/21 Python

Python2与python3中 for 循环语句基础与实例分析

2017/11/20 Python

python微信公众号开发简单流程

2018/03/23 Python

python中reader的next用法

2018/07/24 Python

python将四元数变换为旋转矩阵的实例

2019/12/04 Python

python装饰器原理与用法深入详解

2019/12/19 Python

Python3 集合set入门基础

2020/02/10 Python

Python使用Socket实现简单聊天程序

2020/02/28 Python

HTML5、Select下拉框右边加图标的实现代码(增进用户体验)

2017/10/16 HTML / CSS

英国最大的正宗复古足球衫制造商和零售商：TOFFS

2018/06/21 全球购物

职称自我鉴定

2013/10/15 职场文书

幼儿园大班教学反思

2014/02/10 职场文书

贺卡寄语大全

2014/04/11 职场文书

学前班评语大全

2014/05/04 职场文书

安全演讲稿开场白

2014/08/25 职场文书

试用期自我评价范文

2015/03/10 职场文书

Python数据分析入门之数据读取与存储

2021/05/13 Python

Python IO文件管理的具体使用

2022/03/20 Python