数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会学
时尚研究
法律研究如何在 JavaScript 中隐藏/展示 HTML 元素？
使用Css 样式，我们可以用 javascript 隐藏 或 显示 HTML 元素。Css 提供了块 和无 等属性来隐藏/显示 HTML 元素。
隐藏一个元素
示例
在下面的示例中，当点击“Hideme”按钮时，段落标签中的文本会消失，如输出中所示。
<html>
<body>
<p id="hide">Using JavaScript to hide HTML elements.</p>
<input type="button" onclick="document.getElementById('hide').style.display='none' value="Hideme">
</body>
</html>执行以上代码后，将显示以下内容
从上面的代码块中，如果我们点击“Hideme”按钮，那么当前显示在块中的文本就会消失，如输出中所示，只剩下按钮。
输出
显示一个元素
示例
在下面的示例中，段落标签中的文本最初是隐藏的，但是当点击“Showme”时，文本会显示，如输出中所示。
<html>
<body>
<p id="show" style="display:none">JavaScript can show hidden HTML elements</p>
<input type="button"onclick="document.getElementById('show').style.display='block'"value="ShowMe">
</body>
</html>执行以上代码后，屏幕上将显示以下内容
如果我们单击上面的按钮，将执行以下输出
输出
更新于： 30-Jul-2019
1K+ 浏览次数
广告