您当前的位置:首页 > 网站建设笔记 >

ADS.toggleDisplay()方法

来源:JavaScript DOM 高级程序设计0

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和空值(默认值)之间来回切换。如果为了实现不同的显示类型(这里指CSS中的inline、inline-block和block三种元素显示类型,这三种显示类型会使元素分别成为页面中的行内元素、行内块级元素和块级元素。但对于这个方法定义而言,只有当要操纵的DOM元素当前的显示属性为none时这种切换才会实现。)而重用这个函数,也可以在调用它时包含可选的第二个参数,以定义期望的默认显示属性。

建站咨询

在线咨询真诚为您提供专业解答服务

咨询热线

137 1731 25507×24小时服务热线

微信交流

二维码终于等到你,还好我没放弃
返回顶部