使可见对象隐藏和隐藏对象可见

Making visible object hidden and hidden object visible

本文关键字:隐藏 对象      更新时间:2023-09-26

我有一个javascript函数,它应该使可见对象隐藏和隐藏对象可见。 由于我缺乏基本的JavaScript知识,我来这里向你寻求帮助:/有人可以帮助我完成我的代码,以便我可以学习一点吗?

function DisplayMenu(obj) {
            if (obj.style.visibility == 'visible') {
                obj = document.getElementById(obj);
                obj.style.visibility = 'hidden';
            }
            else if (obj.style.visibility == 'hidden') {
                obj = document.getElementById(obj);
                obj.style.visibility = 'visible';
            }
        }
你需要

if之前定义obj是什么:

function DisplayMenu(obj) {
    var obj = document.getElementById(obj);
            if (obj.style.visibility == 'visible') {
                obj.style.visibility = 'hidden';
            }
            else {
                obj.style.visibility = 'visible';
            }
        }

编辑:你可以简化它,你不需要else if只是使用else

甚至更短的版本,在分配之前检查obj_id是否存在,因此在DOM没有obj_id的情况下,它不会触发异常:

function DisplayMenu(obj_id) {
  var obj = document.getElementById(obj_id);
  obj && obj.style.visibility = (obj.style.visibility == 'visible') ? 'hidden' : 'visible';
}