三JavaScript之隐藏HTML元素

Posted tianpan2019

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了三JavaScript之隐藏HTML元素相关的知识,希望对你有一定的参考价值。

一、代码如下

技术图片

二、点击前效果

技术图片

三、点击后效果

技术图片

<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<body>

<h2>javascript 能够做什么</h2>

<p id="demo">JavaScript 能够隐藏 HTML 元素。</p>

<button type="button" onclick="document.getElementById(‘demo‘).style.display=‘none‘">
点击我!
</button>
</body>
</html>

 

以上是关于三JavaScript之隐藏HTML元素的主要内容,如果未能解决你的问题,请参考以下文章

如何通过将鼠标悬停在Javascript中的三个按钮之一来显示和更新隐藏的div元素?

JavaScript之jQuery-5 jQuery 动画效果(隐藏和显示自定义动画并发与排列效果)

JavaScript之DOM(上)

javascript 如何在React中显示/隐藏组件或html元素?

JavaScript 动态表格操作

javascript之DOM操作