首页 > 解决方案 > 使用css和js在html中显示带有onClick事件的隐藏内容

问题描述

起初我想隐藏所有的身体,只显示一个图像,但似乎不可能,因为用 display:none 隐藏身体会隐藏它的所有孩子。因此,我将代码更改为仅隐藏要隐藏的参数。

底线:当我单击未隐藏的内容时,我想显示隐藏的内容。

这是我的 HTML 代码 在此处输入图像描述 js 代码是 在此处输入图像描述 最后 css 代码是在此处输入图像描述

甚至代码看起来也很简单,但我很挣扎:当我单击图像时,什么也没有发生。

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

标签: javascripthtmlcss

解决方案


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

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


推荐阅读