javascript - 有没有办法在没有 CSS 的情况下显示/隐藏元素?

标签 javascript css jsp section508

我正在使一个 Web UI 508 兼容,并且一个要求声明“在禁用 CSS 时使用 Web UI”。我们有几个地方使用 style=display:inlinestyle=display:none 显示/隐藏元素,并使用 JS 函数调用相应地调用它们。当我禁用 CSS(使用 WAT2.0)时,还会显示隐藏的元素,这不会使 UI 变好。我们在几个地方都有这些东西,比如折叠/展开的描述、mousemove 的弹出窗口等,

除了使用 style 标签,还有其他方法可以显示/隐藏元素吗?请指教!

最佳答案

这听起来很麻烦,但您可以构建一个简单的库,它实际上从 DOM 中删除节点并在需要时将它们注入(inject)回来。您仍然可以有一个对象将所有删除的节点保存为变量,这样您就不必在插入时重新创建它们。

不过,我必须说,当要求指定站点应该在禁用 CSS 的情况下工作时,这很少意味着它应该在禁用 CSS 的情况下在所有方面都以完全相同的方式运行。例如,如果您有一个可展开/可折叠的列表,我认为禁用 CSS 的人可以接受的妥协是始终显示列表中所有元素的内容。

关于javascript - 有没有办法在没有 CSS 的情况下显示/隐藏元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2049041/

相关文章:

javascript - JSP中单击href时关闭当前窗口并打开新窗口

spring - javax.el.PropertyNotFoundException : The class 'java.lang.String' does not have the property

java - 如何在 Spring MVC 中禁用 JSP URL 的处理?

javascript - 在控制台中抑制 Chrome 'Failed to load resource' 消息

javascript - 如何解析带引号的字符串

javascript - 检查 beforeunload 是否是由关闭选项卡/窗口或刷新引起的

css - 在 Chrome 中调整窗口大小时悬停不触发

javascript - 新的时间戳都是同一个日期

php - 需要使用 WordPress 在网站上移动 Logo

javascript - 文本输入的 "value"属性不正确