制作按钮关闭当前的div的js怎么写?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了制作按钮关闭当前的div的js怎么写?相关的知识,希望对你有一定的参考价值。

就是我网站上有几个div 都是一个图片带一个关闭按钮的,我现在想把关闭按钮的onclick写到一个function里,请问谁能帮下忙的。<script type="text/javascript">
function removeElement(????)

document.getElementById(????).style.display="none";

</script> 上面是js部分,下面这段是html的,我尽量简化一些<div id="bar1"> <img>
<p onclick="removeElement()">关闭</p></div>
<div id="bar2">
<img>
<p onclick="removeElement()">关闭</p>
</div> 我希望点击关闭的时候能把那个div的id传给removeElement()",然后这个div不显示,大家看看有什么好方法的

你不是写的差不多了<script type="text/javascript">
function removeElement(id)

document.getElementById(id).style.display="none";

</script> 上面是js部分,下面这段是html的,我尽量简化一些<div id="bar1"> <img>
<p onclick="removeElement('bar1')">关闭</p></div>
<div id="bar2">
<img>
<p onclick="removeElement('bar2')">关闭</p>
</div>
参考技术A removeElement好像不能当自定义函数名使用吧
给P加一个ID

<script type="text/javascript">
window.onload = function()
var oDiv = document.getElementById('bar1');
var but = document.getElementById('but');

but.onclick = function()
oDiv .style.display=(oDiv .style.display = "block" ? "none" : "block");





</script>

用js怎么来判断我已点击了窗体中“关闭”按钮?

onbeforeunload 事件在即将离开当前页面(刷新或关闭)时触发。

该事件可用于弹出对话框,提示用户是继续浏览页面还是离开当前页面。

对话框默认的提示信息根据不同的浏览器有所不同,标准的信息类似 "确定要离开此页吗?"。该信息不能删除。

但你可以自定义一些消息提示与标准信息一起显示在对话框。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p>关闭当前窗口,按下 F5 或点击以下链接触发 onbeforeunload 事件。</p>
<a href="http://www.runoob.com">点击跳转到菜鸟教程</a>    
<script>
window.onbeforeunload = function (e) {
        return (e || window.event).returnValue = \'有信息未保存,确认离开?!\';
    }
</script>

</body>
</html>

 

以上是关于制作按钮关闭当前的div的js怎么写?的主要内容,如果未能解决你的问题,请参考以下文章

jquery 点击弹出层的确定按钮后,弹出层关闭,部分刷新当前页面的指定的div内容

点击按钮显示div内容在点击按钮显示另一个div内容用JS怎么写?

ASP.NET如何点击按钮后关闭当前窗口?

用JS 写一个可以自动切换DIV显示的层,然后下面有几个按钮,点击相应的按钮,显示相应的DIV

js 点击一个按钮出现一个div然后在点击div以外的任何地方在让div隐藏怎么写

通过关闭按钮,关闭c#tabcontrol控件中的当前tabpage页,代码怎么写啊