javascript如何隱藏行

這篇文章主要介紹了javascript如何隱藏行的相關(guān)知識，內(nèi)容詳細(xì)易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇javascript如何隱藏行文章都會有所收獲，下面我們一起來看看吧。

目前創(chuàng)新互聯(lián)已為近1000家的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬空間、網(wǎng)站托管、服務(wù)器租用、企業(yè)網(wǎng)站設(shè)計、荔浦網(wǎng)站維護(hù)等服務(wù)，公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

javascript隱藏行的方法：1、創(chuàng)建一個HTML示例文件；2、定義一個table表格；3、通過js代碼“function setDetailMsgRow(rowID, btn) {...}”實(shí)現(xiàn)隱藏table的某一行即可。

本文操作環(huán)境：Windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

javascript怎么隱藏行？

js控制隱藏或顯示table的某一行

主要JS如下：（兼容browser: IE9, FireFox, Chrome, 360 safe）

            var row = document.getElementById(rowID);
            if (row != null) {
                if (row.style.display == (document.all ? "block" : "table-row")) {
                    row.style.display = "none";
                }
                else {
                    row.style.display = (document.all ? "block" : "table-row");
                }
            }

效果圖如下：

全部 HTML:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="testWeb.WebForm1" %>
 

 


    
 
    


    
    

    
        aa44aa
            bb44bb
            cc44cc
            dd44dd
            ee44ee
        
    
    

關(guān)于“javascript如何隱藏行”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“javascript如何隱藏行”知識都有一定的了解，大家如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

分享題目：javascript如何隱藏行
分享網(wǎng)址：http://m.jiaotiyi.com/article/jcochj.html