JavaScript怎样实现点击出现效果

javascriptjavascript 2023-08-29 16:23:31 809
摘要： JavaScript怎样实现点击出现效果先创建一个按钮并且给按钮绑定事件处理函数，在事件处理函数中可以实现元素显示效果。示例如下：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="vie...

JavaScript怎样实现点击出现效果

先创建一个按钮并且给按钮绑定事件处理函数，在事件处理函数中可以实现元素显示效果。

示例如下：

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>Document</title>
   <style>
   div{
       width:200px;
       height:200px;
       background:red;
       display:none;
   }
   </style>
</head>
<body>
   <button onclick="showimg()">显示图片</button>
   <div id="test"></div>
   <script>
   function showimg(){
      document.getElementById('test').style.display="block";
   }
   </script>
</body>
</html>

输出结果：

+1.gif

【相关推荐：javascript学习教程】

标签：