Làm cách nào để hiển thị/ẩn phần tử trong YUI như trong jQuery?

Question

Trong jQuery, khi tôi muốn hiển thị hoặc ẩn một cái gì đó, tôi làm điều này:

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

Làm thế nào để làm điều này với YUI? Tôi đã thử YAHOO.util.Dom.get ('elementId'). Hide(), hỏi các đồng nghiệp của tôi, xem tài liệu và tìm kiếm trên Google, và tôi thấy không có gì hữu ích. Từ tài liệu, có vẻ như điều này sẽ hoạt động

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

nhưng tất nhiên là không. Tất cả tôi có thể nghĩ đến là này, mà sucks vì sau đó tôi không sử dụng một khuôn khổ:

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

Answer 1

Bạn có thể bỏ qua Dom.get.

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

FYI, trong YUI 3 (tính 3.3.0pr3)

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

Đối với YUI 3.2-

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

Answer 2

Rõ ràng tôi phải làm điều này:

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

Ridiculously và không cần thiết từ lâu, nhưng có vẻ như công việc.