对YUI3 show方法实现机制的探讨

nelson

于 2011-09-01 15:07:39 发布

阅读量400

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript 文章标签： yui callback function ie 文档 api

本文链接：https://blog.youkuaiyun.com/Do_it__/article/details/6739537

57 篇文章

订阅专栏

本文探讨了YUI3框架中Node.show()方法的工作原理及其局限性，特别是在display属性为none的情况下的表现，并提出了一种改进方案来确保该方法在所有浏览器环境下都能正确显示元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天使用YUI3弄了半天的node.show()，发现它不起效果，然后也不报错。API文档中是这么写的：void show ( name , config , callback )

后来想了想还是直接看源代码吧，然后发现下面这段话：

_show: function() {
        this.setStyle('display', '');
 
    }

首先说一下这个方法的缺陷：1）对于已经在样式里写好了display:none的情况下，根本不起效果；

说完缺陷就必须说说它的优点，优点就是对于想IE系列，特别是ie6的表格来说，如果直接设置:this.setStyle('display','block');那么就不符合要求了。

所以对于这段话，我认为只好加一个判断：

this.setStyle('display',this.getComputerStyle('display') == 'none'||this.getCurrentStyle('display') == 'none' ? block' : '');