隐藏没有 ID 或类的 DIV
发布于2022-08-07 00:38 阅读(674) 评论(0) 点赞(25) 收藏(0)
我的 html 页面包含大量文本，包括大量 DIV 和表格。
在代码的末尾，有一个自动创建的代码，例如：
<div id="fld1_date" ... style="position:absolute;visibility:hidden">
</div>
<div id="fld3_date" ... style="position:absolute;visibility:hidden">
</div>
<div id="fld8_date" ... style="position:absolute;visibility:hidden">
</div>
DIV 没有“类”属性。
问题是这些 DIV 在页面末尾创建空行。这会导致出现水平滚动，并且页面的打印需要超过 1 页。
Id 是随机分配的，我无法使用它们。事实上，我不能以任何方式触及这些线，但必须通过 CSS 构建一些工作。
当然，我不能覆盖 CSS 中的默认 DIV 行为，因为它搞砸了所有其他 div（并且有几十个）。
任何想法我可以如何处理它？（我知道设计并不完美，这是一个 5000 程序员小时的系统，更改它会是一个问题）
解决方案
这里有一些想法：
- 使用
body > div子选择器直接分配display:none给body标签下方的所有DIV，并手动修复“附带损坏”。根据文档的结构，这可能会留下更少的 DIV 以在display:block之后显式编辑。但是，>选择器在 IE6 上不起作用。 - 使用 JavaScript 遍历所有 DIV，识别违规者并将其
display值设置为none. 当然，这要求您可以添加任何 JavaScript，并且您可以使用一些标准来识别 DIV（不必是 ID，也许它们总是页面上的最后一个 DIV，总是在一些页尾标记或类似的） - 使用条件 CSS 格式 à la
div[id|=fld]来捕获 ID 以“fld”开头的所有 DIV。不过，我不确定这是否违反了关于 ID 的“我不能与他们一起工作”，而且它也不适用于 IE6（可能是更新的，我拥有的文档太旧而无法知道）。您当然可以在 DIV 中使用任何属性，而不仅仅是 id (style，也许？)
编辑：添加链接
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/381817/cda7f317dde48b1955cb/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力