如何在jUI中显示/隐藏YUI中的元素?

时间:2010-12-27 20:51:23

标签: javascript yui

在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';

2 个答案:

答案 0 :(得分:15)

您可以省略Dom.get。

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

仅供参考,在YUI 3(截至3.3.0pr3)

Y.one('#elementId').hide();

对于YUI 3.2 -

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

答案 1 :(得分:1)

显然我必须这样做:

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

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