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();

将显示属性分配给变量

3 个答案: