Mootools更改元素内联CSS

Question

我有一些看起来像这样的HTML，

<div id="mb_contents" style="visibility: visible; opacity: 1; width: 600px; height: 450px;">

我正在尝试使用此js / mootools将可见性变为隐藏状态，

$('mb_overlay').set('styles', {
            'visibilty': 'hidden',
        });

但是似乎没有任何作用，我是否缺少某些东西？

Answer 1

您拼写了“可见性”

这很好用：

$('mb_contents').set('styles', {
    'visibility': 'hidden'
});

Answer 2

有一个名为setStyle的方法。 在您的情况下，您可以这样使用它：

$('mb_overlay').setStyle('visibility', 'hidden');

我认为您实际上对代码进行的操作是设置一个称为styles的属性，该属性实际上并不存在。