javascript - 使用 css 和 js 在 html 中显示带有 onClick 事件的隐藏内容

标签 javascript html css

起初我想隐藏所有的 body 并只显示一张图片,但似乎这是不可能的,因为用 display:none 隐藏 body 会隐藏所有的 child 。所以我更改了我的代码以仅隐藏我想隐藏的参数。

底线:我想在点击未隐藏的内容时显示隐藏的内容。

这是我的 HTML 代码 enter image description here js代码是 enter image description here 最后 css 代码是 enter image description here

即使代码看起来很简单,但我很挣扎:当我点击图片时,没有任何反应。

如果我的问题表达得不是很好,我非常抱歉,这是我在 stackoverflow 上的第一个问题,我很乐意把它说得更清楚。 提前致谢。

最佳答案

你在JS中有错误,必须要用引号。

... .style.display = " block ";

关于javascript - 使用 css 和 js 在 html 中显示带有 onClick 事件的隐藏内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54378572/

相关文章:

javascript - 统计 IE 中打开的选项卡数量

javascript - 输入号码 HTML5 : is there an event which triggers on every step?

html - 如何使表格单元格在一行中显示尽可能多的文本,如 GMail 和 Google Reader?

javascript - R Shiny – 使用 CSS 滚动时让 wellPanel 弹出窗口跟随

javascript - 将数学公式翻译为 JavaScript

javascript - chrome 扩展 onInstalled 事件

javascript - 使用 document.getElementsByTagName 进行 DOM 操作

javascript - 当我的宽度为 : auto and specific left and right, 时,为什么将最小宽度设置为计算宽度的值会将元素扩展 2px?

javascript - HTML 选项卡无法正常工作示例

css - mod_pagespeed 条件 css