导航菜单

displaynone和visibilityhidden区别(displaynone)

导读 大家好,小城来为大家解答以上问题。displaynone和visibilityhidden区别,displaynone很多人还不知道,现在让我们一起来看看吧!1、首先,
2022-05-13 19:40:07

大家好,小城来为大家解答以上问题。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,可以看到表格第二行的隐藏区域被显示出来。

本文到此结束,希望对大家有所帮助。

免责声明:本文由用户上传,如有侵权请联系删除!

猜你喜欢:

最新文章: