开发者

How do I show/hide an element in YUI as in jQuery?

In jQuery, when I want to show or hide something, I do this:

$('#elementId').show();
$('#elementId').hide();

How do I do t开发者_C百科his with YUI? I've tried YAHOO.util.Dom.get('elementId').hide(), asked my co-workers, looked at the documentation, and searched Google, and I've found nothing helpful. From the documentation, it looks like this should work

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

but of course it does not. All I can think of is this, which sucks because then I'm not using a framework:

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


You can omit the Dom.get.

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

FYI, in YUI 3 (as of 3.3.0pr3)

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

For YUI 3.2-

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


Apparently I have to do this:

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

Ridiculously and unnecessarily long, but it seems to work.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜