javascript - 将显示属性分配给变量

Question

我正在尝试优化和缩短我的功能，我使用obj.style.display = 'block';了很多次。我可以将其分配给我可以重用的变量吗？

考虑这个例子

document.getElementById('example').visible;

.visible的变量在哪里.style.display = 'block';。

谢谢

Answer 1

你可以尝试这样的事情：

function setDisplay (obj, display) {
   obj.style.display = display;
}

setDisplay(document.getElementById('test'), 'block');

如果你想让它看起来更好，你也可以尝试这样的事情：

function getById(id) {
   var obj = document.getElementById(id);
   obj.display = function (display) {
       this.style.display = display;
   };

   return obj;
}

var test = getById('test');
test.display('block');

最后，您可以使用一个框架来简化 DOM 操作，如果您打算做很多事情的话，比如 jQuery。

Answer 2

你可以定义一个函数

function set_visible(obj, visibility) {
    obj.style.display = visibility;
}

无法将属性链存储在变量中。

Answer 3

如果你不反对 js 库，为什么不使用 jQuery？这样你就可以真正简化： -

$("#example").show();