gpt4 book ai didi

javascript - 如何在html中按下按钮时显示图像?

转载 作者:行者123 更新时间:2023-11-28 02:14:23 25 4
gpt4 key购买 nike

我认为做这样的事情会起作用,但我很困惑为什么当样式一开始隐藏图像但按下按钮时不显示它时却不起作用。代码如下:

function showImg() {
x=document.getElementById("map_img")
x.style.visibility="visible";
}

<body>
<img id="map_img" src="map.jpg" style="visibility:hidden" width="400" height="400"/>

<form id="form1" name="form1" align="center">
<input type="submit" id="Map" value="Map" onclick="showImg()"/>
</form>

我也在这两种情况下尝试过:

<input type=button id="Map" value="Map" onclick="showImg()"/>

和:

<style>
.hidden{display:none;}
.show{display:block;}
</style>

function showImg() {
x=document.getElementById("map_img")
x.class="show";
}

<body>
<img id="map_img" src="map.jpg" class="hide" width="400" height="400"/>

<form id="form1" name="form1" align="center">
<input type="submit" id="Map" value="Map" onclick="showImg()"/>
</form>

我真的不知道这两个方法都不起作用,我可以得到一些帮助吗?

最佳答案

如果您不希望标准提交行为,则不应*将 input 元素包装在 form 中。

在编写的代码中,表单会触发页面加载或错误,从而阻止脚本运行。

关于javascript - 如何在html中按下按钮时显示图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16624525/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com