JS實現(xiàn)鼠標點擊展開或隱藏表格行的方法
更新時間：2015年03月03日 09:14:12 作者：代碼家園
這篇文章主要介紹了JS實現(xiàn)鼠標點擊展開或隱藏表格行的方法,實例分析了javascript操作table表格與css樣式的技巧,需要的朋友可以參考下
本文實例講述了JS實現(xiàn)鼠標點擊展開或隱藏表格行的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
復制代碼 代碼如下:
<!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實現(xiàn)鼠標點擊展開/隱藏表格行</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如何實現(xiàn)檢測用戶輸入密碼強度，從四個方面檢測用戶輸入的密碼的強度的，感興趣的小伙伴們可以參考一下2015-10-10
這篇文章主要介紹了JS實現(xiàn)仿QQ效果的三級豎向菜單,以實例形式分析了JavaScript遍歷頁面元素及動態(tài)改變頁面css樣式的技巧,需要的朋友可以參考下2015-09-09
兼容火狐css控制超出部分用省略號代替2008-07-07
今天小編就為大家分享一篇關于使用javascript做時間倒數(shù)讀秒功能的實例，小編覺得內容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-01-01
僅IE不支持setTimeout/setInterval函數(shù)的第三個以上參數(shù)
setTimeout/setInterval，這兩個函數(shù)相信前端開發(fā)同學都很熟悉。它們在非IE(6-9)瀏覽器中還可以如下使用2011-05-05
為Javascript中的String對象添加去除左右空格的方法(示例代碼)
這篇文章主要介紹了為Javascript中的String對象添加去除左右空格的方法(示例代碼)。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
微信公眾號平臺接口開發(fā) 獲取微信服務器IP地址方法解析
這篇文章主要介紹了微信公眾號平臺接口開發(fā) 獲取微信服務器IP地址方法解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-08-08
layui 關閉open彈出框 刷新table表格頁面的方法
今天小編就為大家分享一篇layui 關閉open彈出框 刷新table表格頁面的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
JavaScript數(shù)據(jù)類型檢測實現(xiàn)方法詳解
Javascript中檢查數(shù)據(jù)類型一直是老生常談的問題,類型判斷在web開發(fā)中也有著非常廣泛的應用,所以下面這篇文章主要給大家介紹了關于JS數(shù)據(jù)類型檢測的那些事,需要的朋友可以參考下2022-11-11
JavaScript 抽獎效果實現(xiàn)代碼 數(shù)字跳動版
直接上代碼吧，效果可以復制了去看2009-11-11