用javascript隐藏html中的img [英] hidden a img in html with javascript
本文介绍了用javascript隐藏html中的img的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
亲爱的
我想隐藏我的照片但不能，
我的代码是:
hi dears
i want hidden my picture but cant,
my code is:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<script type="text/javascript">
function check()
{
if(true)
{
myform.img.style.visibility=hidden;
}
}
</script>
</head>
<body>
<form name="myform" method="get" action="">
<img src="IMAG0184.jpg" name="img" id="img" height="100" width="100" onclick="alert('hi')" align="right" >
<input type=text name=mytxt onchange="check()">
<br>
<br>
<input type="submit" name="ok" id="ok" onclick="check()"/>
</form>
</body>
</html>
推荐答案
var image = document.getElementById('img');
image.style.visibility="hidden";
由于页面生命周期的行为，以上解决方案将适用于文本更改事件，但不适用于按钮提交单击.解决方法是添加return false；否则返回false.在按钮上提交单击以防止回发.
The above solution will work on text change event but not on button submit click because of the page life cycle behavior. The work around is to add return false; on button submit click to prevent post back.
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<script type="text/javascript">
function check() {
if (true) {
// myform.img.style.display = 'hidden';
document.getElementById("img").style.visibility = "hidden";
}
}
</script>
</head>
<body>
<form name="myform" method="get" action="">
<img src="IMAG0184.jpg" name="img" id="img" height="100" width="100" önclick="alert('hi')" align="right">
<input type=text name=mytxt onchange="check()"/>
<br>
<br>
<input type="submit" name="ok" id="ok" onclick="check();return false;"/>
</form>
</body>
</html>
这篇关于用javascript隐藏html中的img的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
