大家好,小城来为大家解答以上问题。displaynone和visibilityhidden区别,displaynone很多人还不知道,现在让我们一起来看看吧!
1、 首先,写一个HTML页面,用HTML写一个表格。表中有两个tr,即两行,第二行添加了style属性,赋值为' display3360none',来隐藏它。
2、 可以看到如下图所示的页面显示效果,可以看到表格的第二行已经被隐藏。
3、 将jQuery引入HTML
4、 添加js代码,并用js代码编写一个名为show的方法。代码如下。在js中,tr元素是通过隐藏的tr的id获得的,调用show()方法显示该元素。
5、 在非隐藏区域使用HTML的onchange事件属性调用js中定义的show方法。
6、 在页面中刷新,选择Display,可以看到表格第二行的隐藏区域被显示出来。
本文到此结束,希望对大家有所帮助。