如何隐藏与要保持可见的表共享类元素的HTML表

How can I hide an HTML table that shares a class element with a table I want to keep visible?

本文关键字：共享 HTML 元素 何隐藏 隐藏      更新时间：2023-09-26

我有一个试图隐藏的表。它是由自动HTML生成的，我无法编辑。我知道我可以隐藏类table，但是页面上和整个网站上还有其他表使用相同的类。有没有人能想到什么方法来隐藏这张桌子？

<table class="table" style="width:100%;">

您需要此表上的唯一id或唯一类。首选的方式是使用唯一的css选择器div .content .table。最好使用这样的CSS选择器，而不是有大量的类或id。

快速且肮脏：

你可以试着数一下你有多少张桌子：

alert(document.getElementsByClassName("table").length);

确定哪个数字等于div在模板中的位置：手动。。。它应该是恒定的，否则停止阅读。即：

var num = 15; //in example

然后隐藏你的目标元素：

document.getElementsByClassName("table")[num - 1].style.display = 'none'; //index begins at 0, so you must remove 1

但每次更改模板时，您可能需要重新计算每个表另一种选择是（仅当您的表是唯一一个具有100%宽度的表时），只选择具有100%宽度

给要隐藏的表一个唯一的id。具有相同类的所有内容都会受到影响。ID是唯一的，因此每个ID都可以单独修改。

<table id="hideMe" class="table" style="width:100%;">
相关文章：