javascript - 如何隐藏然后恢复到初始状态(= 不总是 "block")？

Question

当你想隐藏/显示一个元素时，这里是随处可见的 JavaScript 代码:

function sh(_id, _val) {
    if (document.getElementById) { 
        document.getElementById(_id).style.display = _val;
    }
    else {
        if (document.layers) { 
            document._id.display = _val;
        }
        else { 
            document.all._id.style.display = _val;
        }
    }
}
function hide(_id) {
    sh(_id, 'none');
}
function show(_id) {
    sh(_id, 'block');
}

问题是“显示”函数:它强制“block”。如果我使用带有 tr 和 td 的表格，当我想显示它们时，我不会将它们显示为“ block ”，但要恢复到它们的初始状态。

我该怎么办？

你会怎么做？

Answer 1

如果你想恢复它们的默认 display值，你可以给它分配一个空字符串:

element.style.display = '';

例如，如果你想通过 CSS 分配一个，你必须将它存储在某个地方，例如在 id -> display 映射中或作为 data- 属性。