默认情况下通过切换隐藏表行

时间:2014-04-11 06:00:21

标签: javascript

我有一个包含5行的表格。我创建了隐藏表的切换功能。默认情况下,表的行显示,我不希望默认显示表行。我想先隐藏它们。我怎样才能做到这一点?以下是代码:

function TR_set_toggle() {
    /* toggleRow method */

    var toggleRow = function()
    {
        this.style.display = ((this.style.display == '') ? 'none' : '');
        return false;
    }

    for (var oTable, a = 0; a < arguments.length; ++a)
    {
        oTable = document.getElementById(arguments[a]);
            var r = 0, row, rows = oTable.rows;
            while (row = rows.item(r++))
            row.toggle = toggleRow;
    }

    /* convenience function */
    self.toggleRow = function(row_id) {
        document.getElementById(row_id).toggle();
    } 


onload = function() {
    TR_set_toggle('foo');
}

2 个答案:

答案 0 :(得分:0)

你可以使用css属性&#39;显示&#39;在你的样式表中,像这样

td {
    display:none
}

答案 1 :(得分:0)

一种可能性是调用onload函数:

toggleRow( 'foo1');

foo1是你的row_id。