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的屬性，該屬性實際上並不存在。