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程序设计有所帮助。

Javascript 相关文章推荐
关于 byval 与 byref 的区别分析总结
Oct 08 Javascript
jquery 事件对象属性小结
Apr 27 Javascript
js将iframe中控件的值传到主页面控件中的实现方法
Mar 11 Javascript
Jquery获取复选框被选中值的简单方法
Jul 04 Javascript
js单词形式的运算符
May 06 Javascript
一个不错的js html页面倒计时可精确到秒
Oct 22 Javascript
安装使用Mongoose配合Node.js操作MongoDB的基础教程
Mar 01 Javascript
ajax在兼容模式下失效的快速解决方法
Mar 22 Javascript
node.js的事件机制
Feb 08 Javascript
jquery实现超简单的瀑布流布局【推荐】
Mar 08 Javascript
原生JS实现自定义滚动条效果
Oct 27 Javascript
详解JavaScript作用域和作用域链
Mar 19 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(3) php 函数
2010/02/15 PHP
php利用云片网实现短信验证码功能的示例代码
2017/11/18 PHP
php实现微信支付之企业付款
2018/05/30 PHP
php使用Swoole实现毫秒级定时任务的方法
2020/09/04 PHP
javascript Firefox与IE 替换节点的方法
2010/02/24 Javascript
多种方法实现JS动态添加事件
2013/11/01 Javascript
js实现双击图片放大单击缩小的方法
2015/02/17 Javascript
基于js实现的限制文本框只可以输入数字
2016/12/05 Javascript
JavaScript闭包和范围实例详解
2016/12/19 Javascript
JavaScript实现瀑布流以及加载效果
2017/02/11 Javascript
jQuery animate()实现背景色渐变效果的处理方法【使用jQuery.color.js插件】
2017/03/15 Javascript
angular+webpack2实战例子
2017/05/23 Javascript
微信小程序之多文件下载的简单封装示例
2018/01/29 Javascript
webpack4简单入门实例
2018/09/06 Javascript
nodejs的安装使用与npm的介绍
2019/09/11 NodeJs
javascript随机变色实例代码
2019/10/15 Javascript
js+h5 canvas实现图片验证码
2020/10/11 Javascript
vscode+gulp轻松开发小程序的完整步骤
2020/10/18 Javascript
Python实现新浪博客备份的方法
2016/04/27 Python
Python 使用SMTP发送邮件的代码小结
2016/09/21 Python
python使用matplotlib画饼状图
2018/09/25 Python
解决python3 安装完Pycurl在import pycurl时报错的问题
2018/10/15 Python
在IPython中执行Python程序文件的示例
2018/11/01 Python
django session完成状态保持的方法
2018/11/27 Python
Django实现一对多表模型的跨表查询方法
2018/12/18 Python
使用python3 实现插入数据到mysql
2020/03/02 Python
使用gunicorn部署django项目的问题
2020/12/30 Python
有关HTML5页面在iPhoneX适配问题
2017/11/13 HTML / CSS
房地产销售经理岗位职责
2014/01/01 职场文书
高中运动会广播稿
2014/01/21 职场文书
机电一体化应届生求职信范文
2014/01/24 职场文书
迟到检讨书大全
2014/01/25 职场文书
怎么写工作检讨书
2014/11/16 职场文书
2015年乡镇纪委工作总结
2015/05/26 职场文书
2016七夕情人节寄语
2015/12/04 职场文书
2019毕业论文致谢词
2019/06/24 职场文书