js点击控制图片显示隐藏，js隐藏图片和显示图片

JS如何控制DIV的显示和隐藏

首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的script标签，输入js代码：$(button).click(function(){$(#123).css(display，block)；})；。

首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。02 添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。

首先，打开html编辑器，新建一个html文件，例如：index.html。

首先写出架构，两个 buttod （按钮）。下面是一个 div 存放文本和在后面的被js控制。先用 css 选择器 为 div 控制属性。然后写出 script 标签，可以写在外部，然后在引用。

//简单来说就是通过设置按钮的onclick事件来控制div的显示和隐藏。

相关问答

Q1: js点击图片图片隐藏显示图片下的数据

将数据放到一个标签中，然后利用dom操作，显示完成之后隐藏即可。

首先我们来创建一个p元素，在里面写上hello。在浏览器界面上的显示。接下来就用js来隐藏元素。来看看浏览器。已经就不显示了，如果还要再显示回来的话，让它等于block就好。

style=display：block script：(img).css({display：none})；或者：document.getElementById(img).style.display=none 我一般都是将标签放在里面，这样很容易控制大小，显示等。

//元素隐藏业务逻辑 //图片路径业务逻辑 flag = true；}；}；//这里的关键点是flag变量。通过控制flag变量的真假值，可以实现这种点击出现，再点击隐藏，下次点击出现，再下次点击隐藏的这种业务。

把上面的代码保存成一个asp文件，例如getpic.asp，这样你就可以在图片使用下面路径： 这样就可以实现隐藏了，因为你直接输入图片地址https：//xxx.ssss.xxxx/getpic.asp？path=xxx.jpg，是禁止访问的。

要么用ajax，要么把图片都绑出来，设为隐藏，然后js控制第几张图片显示，要么把图片都绑出来做个div遮罩层。

Q2: 如何写js来控制img标签的显示隐藏?

1、(img.getAttribute(src)))这句判断img元素的src属性是否为空，若不为空，则显示，若为空，则执行else后面的语句，隐藏img元素。

2、首先我们来创建一个p元素，在里面写上hello。在浏览器界面上的显示。接下来就用js来隐藏元素。来看看浏览器。已经就不显示了，如果还要再显示回来的话，让它等于block就好。

3、img src=images/imgjpg alt=这里是第一张图片 改为 img src=images/imgjpg alt=这里是第一张图片 onerror=boxstyle.display=none； 剩下的四张图片的代码也照这样修改。

Q3: 求一个通过点击图片控制class实现ul里部分li点击隐藏再点击显示的js,同...

1、flag=false；}else{ //元素隐藏业务逻辑 //图片路径业务逻辑 flag = true；}；}；//这里的关键点是flag变量。通过控制flag变量的真假值，可以实现这种点击出现，再点击隐藏，下次点击出现，再下次点击隐藏的这种业务。

2、首先，打开html编辑器，新建html文件，例如：index.html，填写问题基础代码。

3、你没有给img指定路径啊。你的html 写的也不对啊。

Q4: js点击一个div控制另一个div内容的显示与隐藏同时小图标也要切换状态...

1、用JS控制DIV层的隐藏与显示。页面中有三个DIV层，三个超级链接，实现的功能是点击一个链接，显示相应的DIV层，同时隐藏另外两个DIV层。

2、//简单来说就是通过设置按钮的onclick事件来控制div的显示和隐藏。

3、方法二隐藏后 页面的位置不被占用 类似于.net验证控件的Display=Dynamic js代码如下，新建一个txt文件，复制进去，保存并修改文件后缀为js（例open.js）即可。

4、关于你的问题“使用javascript怎么弄成点击div1的时候显示然后点击其他div的时候隐藏？”我随手写了个简单的tab选项，你可以参考下。

5、为button按钮添加一个点击后隐藏事件。点击button按钮后，把隐藏的div的display修改为block，这样点击后div就会显示了。保存好html后使用浏览器打开，点击button按钮就会发现隐藏的div就会显示出来了。

6、你id都重复了当然不好用，我看的意思是下半部分成三个部分，如果是这个意思的话，那就把他们用三个div分别包起来。

Q5: JS单击图片隐藏该图片和其他两张图片

1、script：(img).css({display：none})；或者：document.getElementById(img).style.display=none 我一般都是将标签放在里面，这样很容易控制大小，显示等。

2、首先我们来创建一个p元素，在里面写上hello。在浏览器界面上的显示。接下来就用js来隐藏元素。来看看浏览器。已经就不显示了，如果还要再显示回来的话，让它等于block就好。

3、将数据放到一个标签中，然后利用dom操作，显示完成之后隐藏即可。

4、使用语句：document.getElementById(按钮).setAttribute(disabled， true)即可。设置一个html页面，页面上有一个按钮，初始是可使用的。

js点击控制图片显示隐藏的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js隐藏图片和显示图片、js点击控制图片显示隐藏的信息别忘了在本站进行查找喔。