简单的按钮来关闭图层div使用CSS javascript

我在我的网页上有一个div，上面有不同的图层。我只是想在这个div里面有一个按钮或者标签来隐藏它。我曾尝试：

<html> 
<head> 
<script language="javascript"> 
myFunction() 
{ 
document.getElementById("corporate_background").setAttribute("style", "display:none;"); 
} 
</script> 
</head> 
<body> 
<p>aajhahaksha</p> 
<div id="corporate_background"> 
<a href="javascript:myFunction()">Close</a> 
<P>content...</P> 
</div> 
</body>

可能有人请告诉我在哪里我已经错了。

来源

2013-12-12 user1551594

感谢所有的答复。最简单的东西... – user1551594

这样做：

<html> 
<head> 
<script language="javascript"> 
function myFunction() 
{ 
document.getElementById("corporate_background").setAttribute("style", "display:none;"); 
} 
</script> 
</head> 
<body> 
<p>aajhahaksha</p> 
<div id="corporate_background"> 
<a href="javascript:myFunction()">Close</a> 
<P>content...</P> 
</div> 
</body>

这仅仅是因为你没有定义myFunction的（）的函数。

下一次，用F12打开调试器，看看它在说什么......！

来源

2013-12-12 16:25:30 SushiiBalboha

你错过了开头

myFunction() 
{ 
    document.getElementById("corporate_background").setAttribute("style", "display:none;"); 
}

你应该申报使用关键字function声明你的函数。

function myFunction() 
{ 
    document.getElementById("corporate_background").setAttribute("style", "display:none;"); 
}

您应该也可以在您的锚点上使用事件侦听器，而不是使用内联JavaScript。没有伤害只是最佳实践。

来源

2013-12-12 16:27:19

试试这个：

<html> 
    <head> 
    <script language="javascript"> 
     function myFunction() 
     { 
     document.getElementById("corporate_background").style.display='none'; 
     } 
    </script> 
    </head> 
    <body> 
    <p>aajhahaksha</p> 
     <div id="corporate_background"> 
     <a href="javascript:myFunction()">Close</a> 
     <P>content...</P> 
     </div> 
    </body> 
</html>

来源

2013-12-12 16:34:35

对不起，没有注意，纠正并添加了功能关键字。谢谢@SushiiBalboha :) –

我想你想做的事是什么隐藏的内容，这样你就可以隐藏了这样的内容，

使按钮;

<button id="btn" name="button">Hide content</button>

通过点击按钮，它西港岛线隐藏在div corporate_background

<script> 
$(document).ready(function() { 
    $('#btn').click(function() { 
     $('#corporate_background').hide(); 
    }); 
}); 
</script>

来源

2013-12-12 16:41:33 user3078542

简单的按钮来关闭图层div使用CSS javascript

回答

相关问题