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

Extjs在exlipse中设置自动提示的方法

Apr 07 Javascript

JS Map 和 List 的简单实现代码

Jul 08 Javascript

javaScript arguments 对象使用介绍

Oct 18 Javascript

IE的事件传递-event.cancelBubble示例介绍

Jan 12 Javascript

JQuery记住用户名密码实现下次自动登录功能

Apr 27 Javascript

javascript编写贪吃蛇游戏

Jul 07 Javascript

jquery UI Datepicker时间控件的使用方法（终结版）

Nov 07 Javascript

javascript检测移动设备横竖屏

May 21 Javascript

jQuery文字横向滚动效果的实现代码

May 31 Javascript

vue v-model表单控件绑定详解

May 17 Javascript

解决bootstrap-select 动态加载数据不显示的问题

Aug 10 Javascript

微信小程序自定义toast组件的方法详解【含动画】

May 11 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循环语句 for()与foreach()用法区别介绍

2012/09/05 PHP

php cli 小技巧

2013/06/03 PHP

PHP读取zip文件的方法示例

2016/11/17 PHP

PHP实现多级分类生成树的方法示例

2017/02/07 PHP

PHP实现图片批量打包下载功能

2017/03/01 PHP

PHP字典树(Trie树)定义与实现方法示例

2017/10/09 PHP

使用jQuery判断IE浏览器版本的代码

2014/06/14 Javascript

js 操作符汇总

2014/11/08 Javascript

jquery中ready()函数执行的时机和window的load事件比较

2015/06/22 Javascript

JavaScript实现带箭头标识的多级下拉菜单效果

2015/08/27 Javascript

angular ngClick阻止冒泡使用默认行为的方法

2016/11/03 Javascript

nodejs实现发出蜂鸣声音(系统报警声)的方法

2017/01/18 NodeJs

Bootstrap警告框（Alert）插件使用方法

2017/03/21 Javascript

详解nodejs微信公众号开发——3.封装消息响应模块

2017/04/10 NodeJs

jQuery实现的手动拖动控制进度条效果示例【测试可用】

2018/04/18 jQuery

Nuxt v-bind绑定img src不显示的解决

2019/12/05 Javascript

微信小程序自定义模态弹窗组件详解

2019/12/24 Javascript

Webpack5正式发布,有哪些新特性

2020/10/12 Javascript

Python获取暗黑破坏神3战网前1000命位玩家的英雄技能统计

2016/07/04 Python

Python编写登陆接口的方法

2017/07/10 Python

Python中pillow知识点学习

2018/04/30 Python

Python 实现域名解析为ip的方法

2019/02/14 Python

Python HTMLTestRunner测试报告view按钮失效解决方案

2020/05/25 Python

Python faker生成器生成虚拟数据代码实例

2020/07/20 Python

在 Python 中使用 7zip 备份文件的操作

2020/12/11 Python

python 实现客户端与服务端的通信

2020/12/23 Python

法国在线宠物店：zooplus.fr

2018/02/23 全球购物

linux面试题参考答案（7）

2014/07/24 面试题

大专毕业生求职信

2014/07/05 职场文书

精神文明建设先进个人事迹材料

2014/12/24 职场文书

英文道歉信

2015/01/20 职场文书

2015年专项整治工作总结

2015/04/03 职场文书

2019中小学生安全过暑期倡议书

2019/06/24 职场文书

创业计划书之物流运送

2019/09/17 职场文书

创业计划书之孕婴生活馆

2019/11/11 职场文书

MySQL中使用or、in与union all在查询命令下的效率对比

2021/05/26 MySQL