养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何通过js控制tr是否显示

时间:2024-10-14 09:23:44

在使用JavaScript时,可以调用内部的方法,控制tr元素是否显示。那么,具体是如何实现的呢?

如何通过js控制tr是否显示

工具/原料

JavaScript

jquery

HTML5

CSS3

HBuilderX

截图工具

WPS

浏览器

方法/步骤

1、打开HBuilderX工具,新建页面文件隋茚粟胫tr.html;打开页面并引入jquery文件,修改title标签内容

如何通过js控制tr是否显示

如何通过js控制tr是否显示

2、在<body></body>标签中,插入一个table,并螅岔出礤在tr标签上绑定class属性

如何通过js控制tr是否显示

3、添加<style></style>挢旗扦渌;标签,利用元素选择器设置表格样式,如宽度、边框等

如何通过js控制tr是否显示

4、保存代码并运行页面文件,打开浏览器查看表格效果

如何通过js控制tr是否显示

5、在jquery初始化函数中,利用元素.class,调用hide()方法,结果发现没有被隐藏

如何通过js控制tr是否显示

6、检查代码发现,是由于class写成了classs;修改class属骂宙逃慈性名称,然后使用css()方法设置display为none

如何通过js控制tr是否显示

7、再次保存代码并刷新浏览器,可以看到表格的第二行记录被隐藏了

如何通过js控制tr是否显示

© 一点知识