JS實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊展開或隱藏表格行的方法

更新時(shí)間：2015年03月03日 09:14:12 作者：代碼家園

這篇文章主要介紹了JS實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊展開或隱藏表格行的方法,實(shí)例分析了javascript操作table表格與css樣式的技巧,需要的朋友可以參考下

本文實(shí)例講述了JS實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊展開或隱藏表格行的方法。分享給大家供大家參考。具體實(shí)現(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實(shí)現(xiàn)鼠標(biāo)點(diǎ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程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

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