Question

我目前正在使用两个函数来显示和隐藏我正在处理的项目中的元素。

当元素当前为.display = 'block'时，另一个函数用于当元素当前为.display = 'none'时。

function hide1(id) {
    ele = document.getElementById(id);
if (ele.style.display == 'block')
    ele.style.display = 'none';
else
    ele.style.display = 'block'; }

function hide2(id) {
    ele = document.getElementById(id);
if (ele.style.display == 'none')
    ele.style.display = 'block';
else
    ele.style.display = 'none'; }

我全都是为了优化，我想知道是否有办法将两个功能合并为一个，或者如果能够将它们保持原样，那就很好了。

干杯，

Answer 1

function hide(id) {
    ele = document.getElementById(id);
    ele.style.display = (ele.style.display == 'block')?'none':'block';
}

Answer 2

function ChangeDisplay(id,prevDisplay,newDisplay) {
ele = document.getElementById(id);
if (ele.style.display == prevDisplay)
ele.style.display = newDisplay; 
else
ele.style.display == prevDisplay;
}

那应该做你的工作

结合两个js函数来显示/隐藏切换

2 个答案: