返回
点击预览
格式化代码
<!DOCTYPE html> <html> <head> <style> #panel, .flip { font-size: 16px; padding: 10px; text-align: center; background-color: #4CAF50; color: white; border: solid 1px #a6d8a8; margin: auto; } #panel { display: none; } </style> </head> <body> <p class="flip" onclick="myFunction()">单击显示面板</p> <div id="panel"> <p>这个面板包含一个div元素,默认是隐藏的(display:none;).</p> <p>已设置了CSS,然后我们用JavaScript来把它显示出来(display:block).</p> <p>工作原理:注意p元素有一个class="flip",还有一个onclick属性. 当用户单击p元素时,执行了myFunction()函数,这个函数改变了属性为id="panel"的div元素的style属性,从display:none(隐藏)改为display:block(显示). </p> <p>你将在我们<a target="_blank" href="//full_stack/Js/index.html">JavaScript教程</a>中学到更多JavaScript.</p> </div> <script> function myFunction() { document.getElementById("panel").style.display = "block"; } </script> </body> </html>
评论区
发表
{{item['qq_nickname']}}
(
)
回复
回复
发表
21技术
www.21xrx.com
备案号：
蜀ICP备17043188号-2
评论区