编程 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 CSS菜单功能改进版

Dec 20 Javascript

VBS通过WMI监视注册表变动的代码

Oct 27 Javascript

Javascript Web Slider 焦点图示例源码

Oct 10 Javascript

javaScript中两个等于号和三个等于号之间的区别介绍

Jun 27 Javascript

原生javascript实现图片按钮切换

Jan 12 Javascript

JS仿Windows开机启动Loading进度条的方法

Feb 26 Javascript

jqGrid中文文档之选项设置

Dec 02 Javascript

javascript的document中的动态添加标签实现方法

Oct 24 Javascript

浅析从vue源码看观察者模式

Jan 29 Javascript

浅谈vue.js导入css库(elementUi)的方法

Mar 09 Javascript

jquery实现垂直手风琴导航栏

Feb 18 jQuery

vue在图片上传的时候压缩图片

Nov 18 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

php&java（三）

2006/10/09 PHP

php zip文件解压类代码

2009/12/02 PHP

PHP连接SQLServer2005的实现方法(附ntwdblib.dll下载)

2012/07/02 PHP

php生成随机颜色的方法

2014/11/13 PHP

php生成随机颜色方法汇总

2014/12/03 PHP

PHP实现一维数组转二维数组的方法

2015/02/25 PHP

PHP使用DirectoryIterator显示下拉文件列表的方法

2015/03/13 PHP

编写PHP脚本来实现WordPress中评论分页的功能

2015/12/10 PHP

Jquey拖拽控件Draggable使用方法(asp.net环境)

2010/09/28 Javascript

js隐式全局变量造成的bug示例代码

2014/04/22 Javascript

使用JavaScript 实现的人脸检测

2015/03/24 Javascript

使用Chrome浏览器调试AngularJS应用的方法

2015/06/18 Javascript

js采用concat和sort将N个数组拼接起来的方法

2016/01/21 Javascript

CodeMirror js代码加亮使用总结

2017/03/25 Javascript

Angular实现下载安装包的功能代码分享

2017/09/05 Javascript

新手vue构建单页面应用实例代码

2017/09/18 Javascript

layDate日期控件使用方法详解

2018/11/15 Javascript

比较详细Python正则表达式操作指南(re使用)

2008/09/06 Python

使用python提取html文件中的特定数据的实现代码

2013/03/24 Python

python的random模块及加权随机算法的python实现方法

2017/01/04 Python

python安装cx_Oracle模块常见问题与解决方法

2017/02/21 Python

关于Python如何避免循环导入问题详解

2017/09/14 Python

Pycharm导入Python包,模块的图文教程

2018/06/13 Python

Python实现微信自动好友验证,自动回复,发送群聊链接方法

2019/02/21 Python

Python Pandas分组聚合的实现方法

2019/07/02 Python

python list多级排序知识点总结

2019/10/23 Python

HTML5 CSS3给网站设计带来出色效果

2009/07/16 HTML / CSS

css3实现图片遮罩效果鼠标hover以后出现文字

2013/11/05 HTML / CSS

Top Villas美国：豪华别墅出租和度假屋

2018/07/10 全球购物

微软新西兰官方网站：Microsoft New Zealand

2018/08/17 全球购物

英超联赛的首选足球：Mitre足球

2019/05/06 全球购物

美国最大的烧烤架和户外生活用品专业零售商：Barbeques Galore

2021/01/09 全球购物

2014年党建工作汇报材料

2014/10/27 职场文书

汇报材料怎么写

2014/12/30 职场文书

英语教师求职信范文

2015/03/20 职场文书

苹果可能正在打击不进行更新的 App

2022/04/24 数码科技