PHP知识、源码、教程、框架、程序分享! -- PHP社区 关于我们 联系我们 联系电话 联系QQ

ADS.toggleDisplay()方法

发表时间:2013-08-26 点击:

[本文摘要]:ADS.toggleDisplay()方法 另一种你经常会实现的操作是切换DOM树中元素的可见性。虽然切换可见性的代码量很少,但将其提取到一个公共函数中同样会减少不必要的重复输入。在你的ADS命名...

ADS.toggleDisplay()方法

另一种你经常会实现的操作是切换DOM树中元素的可见性。虽然切换可见性的代码量很少,但将其提取到一个公共函数中同样会减少不必要的重复输入。在你的ADS命名空间中添加这个方法的其余代码:

function toggleDisplay(node, value) {
	    if(!(node = $(node))) { return false; }
	    if ( node.style.display != 'none' ) {
	      node.style.display = 'none';
	    } else {
	      node.style.display = value || '';
	    }
	    return true;
	}
window['ADS']['toggleDisplay'] = toggleDisplay;

然后,当像下面这样调用该方法时:

	ADS.toggleDisplay(ADS.$('example'));

则相应元素的display属性值将在none和空值(默认值)之间来回切换。如果为了实现不同的显示类型  而重用这个函数,也可以在调用它时包含可选的第二个参数,以定义期望的默认显示属性,比如:

	ADS.toggleDisplay(ADS.$('example'),'block');

	ADS.toggleDisplay(ADS.$('example'),'inline');

重用这么一点代码看起来好像不足以说明问题,但这样做也将极大地增强代码的可读性—— 因为只需通过方法的名称就能看出要切换什么。

版权声明:本文系技术人员研究整理的智慧结晶,转载勿用于商业用途,并保留本文链接,侵权必究!

本文链接:http://php.aixc.cn/web/js/40.html

声明:本站技术及源码均为原创,转载请勿用于商业用途,并注明出处及原文链接,侵权必究。