js删除table中某一行,如何使用javascript隐藏一个table的某些行?

主要JS如下:(兼容browser: IE9, FireFox, Chrome, 360 safe)

[javascript] view plain copy

  1. var row = document.getElementById(rowID);
  2. if (row != null) {
  3. if (row.style.display == (document.all ? "block" : "table-row")) {
  4. row.style.display = "none";
  5. }
  6. else {
  7. row.style.display = (document.all ? "block" : "table-row");
  8. }
  9. }

效果图如下:

js删除table中某一行,如何使用javascript隐藏一个table的某些行?

js删除table中某一行,如何使用javascript隐藏一个table的某些行?

JavaScript中如何高效删除数组中的某个元素?

在js中,没有删除数组中某个元素的方法,不过我们可以自己扩展一个这样的方法,实现起来也不难。

一、在数组原型对象上扩展

在数组原型对象Array上扩展一个方法,使用数组的indexof方法查询元素的索引,再使用数组的splice方法删除这个索引位置上的元素,这样我们就实现了删除数组中指定元素的方法。

js删除table中某一行,如何使用javascript隐藏一个table的某些行?

二、测试我们写的这个方法

创建一个数组,调用我们扩展的方法,并传入参数,然后打印删除指定元素后的数组

js删除table中某一行,如何使用javascript隐藏一个table的某些行?

打印结果:

js删除table中某一行,如何使用javascript隐藏一个table的某些行?

从打印结果我们看到,“pear”这个元素已经成功被删除掉了。

下面是完整代码截图,给你个参考!

js删除table中某一行,如何使用javascript隐藏一个table的某些行?

js有哪些内置对象?

建议去看看一个前端开发者都应该知道的网站—— MDN

网址为 https://developer.mozilla.org/zh-CN/docs/Web

这个网站不但可以系统性了解js的语言,而且对各个特性、函数进行浏览器兼容性查看,如Array对象在各个版本浏览器兼容型情况:

同时每个对象都有详细的使用说明,示例,注意事项等等,是很好的一个“参考书”:

js删除table中某一行,如何使用javascript隐藏一个table的某些行?js删除table中某一行,如何使用javascript隐藏一个table的某些行?js删除table中某一行,如何使用javascript隐藏一个table的某些行?

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 xxx@163.com 举报,一经查实,本站将立刻删除。

发表评论

登录后才能评论