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

CodeMirror2 IE7/IE8 下面未知运行时错误的解决方法

Mar 29 Javascript

js点击更换背景颜色或图片的实例代码

Jun 25 Javascript

JS实现一个按钮的方法

Feb 05 Javascript

js实现简单计算器

Nov 22 Javascript

Angular.js与Bootstrap相结合实现手风琴菜单代码

Apr 13 Javascript

下雪了 javascript实现雪花飞舞

Aug 02 Javascript

Node.js中使用jQuery的做法

Aug 17 Javascript

webpack实现热加载自动刷新的方法

Jul 30 Javascript

对vue.js中this.$emit的深入理解

Feb 23 Javascript

微信{"errcode":48001,"errmsg":"api unauthorized, hints: [ req_id: 1QoCla0699ns81 ]"}

Oct 12 Javascript

你应该了解的JavaScript Array.map()五种用途小结

Nov 14 Javascript

Vue为什么要谨慎使用$attrs与$listeners

Aug 27 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使用array_rand()函数从数组中随机选择一个或多个元素

2014/04/28 PHP

Thinkphp中的volist标签用法简介

2014/06/18 PHP

PHP常量使用的几个需要注意的地方(谨慎使用PHP中的常量)

2014/09/12 PHP

php根据指定位置和长度获得子字符串的方法

2015/03/17 PHP

Yii框架分页实现方法详解

2017/05/20 PHP

JS 的应用开发初探(mootools)

2009/12/19 Javascript

js中判断文本框是否为空的两种方法

2011/07/31 Javascript

jQuery循环滚动展示代码可应用到文字和图片上

2012/05/11 Javascript

JS弹出窗口代码大全(详细整理)

2012/12/21 Javascript

JavaScript实现统计文本框Textarea字数增强用户体验

2012/12/21 Javascript

js 火狐下取本地路径实现思路

2013/04/02 Javascript

php is_numberic函数造成的SQL注入漏洞

2014/03/10 Javascript

JavaScript内存管理介绍

2015/03/13 Javascript

jQuery实现鼠标经过时出现隐藏层文字链接的方法

2015/10/12 Javascript

jquery validate.js表单验证入门实例（附源码）

2015/11/10 Javascript

第四章之BootStrap表单与图片

2016/04/25 Javascript

Bootstrap表单布局样式源代码

2016/07/04 Javascript

babel基本使用详解

2017/02/17 Javascript

js Date()日期函数浏览器兼容问题解决方法

2017/09/12 Javascript

详解webpack提取第三方库的正确姿势

2017/12/22 Javascript

Vue-cropper 图片裁剪的基本原理及思路讲解

2018/04/17 Javascript

JavaScript函数式编程(Functional Programming)纯函数用法分析

2019/05/22 Javascript

Python爬虫爬取新闻资讯案例详解

2020/07/14 Python

法国奢华女性时尚配饰网上商店：Monnier Frères

2016/08/27 全球购物

韩国最大的购物网站：Gmarket

2019/06/20 全球购物

写一个用矩形法求定积分的通用函数

2012/11/08 面试题

公务员培训心得体会

2013/12/28 职场文书

信息技术教学反思

2014/02/12 职场文书

幼儿园的门卫岗位职责

2014/04/10 职场文书

产品陈列协议书（标准版）

2014/09/17 职场文书

对照检查剖析材料

2014/09/30 职场文书

意向协议书

2015/01/27 职场文书

业务员年终工作总结2015

2015/05/28 职场文书

第一书记观后感

2015/06/08 职场文书

基于Redis位图实现用户签到功能

2021/05/08 Redis

利用For循环遍历Python字典的三种方法实例

2022/03/25 Python