Javascript 如何在YUI中显示/隐藏元素,如在jQuery中一样?

Javascript 如何在YUI中显示/隐藏元素,如在jQuery中一样?,javascript,yui,Javascript,Yui,在jQuery中,当我想显示或隐藏某些内容时,我会执行以下操作: $('#elementId').show(); $('#elementId').hide(); 我该怎么和YUI一起做?我尝试了YAHOO.util.Dom.get('elementId').hide(),询问了我的同事,查看了文档,搜索了谷歌,但没有发现任何有用的东西。从文档中可以看出,这应该是可行的 YAHOO.util.Dom.get('elementId').setStyle('display', 'none') 但当

在jQuery中,当我想显示或隐藏某些内容时,我会执行以下操作:

$('#elementId').show();
$('#elementId').hide();
我该怎么和YUI一起做?我尝试了YAHOO.util.Dom.get('elementId').hide(),询问了我的同事,查看了文档,搜索了谷歌,但没有发现任何有用的东西。从文档中可以看出,这应该是可行的

YAHOO.util.Dom.get('elementId').setStyle('display', 'none')
但当然不是。我所能想到的就是这个,这很糟糕,因为我没有使用框架:

document.getElementById('elementId').style.display = 'none';

显然,我必须这样做:

YAHOO.util.Dom.setStyle(YAHOO.util.Dom.get('elementId'), 'display', 'none');

荒谬且不必要的长,但它似乎有效。

您可以省略Dom.get

YAHOO.util.Dom.setStyle('elementId', 'display', 'none');
供参考,以YUI 3为单位(截至2013年3月3日)

对于YUI 3.2-

Y.one('#elementId').setStyle('display', 'none');
Y.one('#elementId').setStyle('display', 'none');