指定元素的隐藏|显示

一般像这样的双重状态我们都会提供3个api----show|hide|toggle

 

下面的api主要还是设置style.display来控制显示和隐藏。可以参考jQuery的做法,增加部分动画效果

 

1、先来显示吧。

 

 

/*
*show - show the element*
*@function*
*@param {string||HTMLElement} element*
*@return {HTMLElement}*
*TODO--later i will add speed to this api just like jquery*
http://code.jquery.com/jquery-1.4.js
*/
ZYC.dom.show = function(element){
    element = ZYC.dom.g(element);
    element.style.display = "";
    return element;
};
 

 2、再隐藏起来

 

 

/*
*hide - hide the element*
*@function*
*@param {string||HTMLElement} element*
*@return {HTMLElement}*
*TODO--later i will add speed to this api just like jquery*
http://code.jquery.com/jquery-1.4.js
*/
ZYC.dom.hide = function(element){
    element = ZYC.dom.g(element);
    element.style.display = "none";
    return element;
};

 

3、可切换当前显示和隐藏的

 

 

/*
*toggle - change the show/hide of the element*
*@function*
*@param {string||HTMLElement} element*
*@return {HTMLElement}*
*TODO--later i will add speed to this api just like jquery*
http://code.jquery.com/jquery-1.4.js
*/
ZYC.dom.toggle = function(element){
        element = ZYC.dom.g(element);
	element.style.display = element.style.display=="none" ?"" : "none";
};
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值