本站消息

站长简介/公众号


关注本站官方公众号:程序员总部,领取三大福利! 福利一:python和前端辅导 福利二:进程序员交流微信群,专属于程序员的圈子 福利三:领取全套零基础视频教程(python,java,前端,php)

 价值13000svip视频教程,前端大神匠心打造,零基础前端开发工程师视频教程全套,基础+进阶+项目实战,包含课件和源码

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

暂无数据

隐藏没有 ID 或类的 DIV

发布于2022-08-07 00:38     阅读(489)     评论(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 格式 à ladiv[id|=fld]来捕获 ID 以“fld”开头的所有 DIV。不过,我不确定这是否违反了关于 ID 的“我不能与他们一起工作”,而且它也不适用于 IE6(可能是更新的,我拥有的文档太旧而无法知道)。您当然可以在 DIV 中使用任何属性,而不仅仅是 id ( style,也许?)

编辑:添加链接




所属网站分类: 技术文章 > 问答

作者:黑洞官方问答小能手

链接:http://www.qianduanheidong.com/blog/article/381817/cda7f317dde48b1955cb/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

25 0
收藏该文
已收藏

评论内容:(最多支持255个字符)