项目--点击按钮显示资料，点击空白处隐藏资料

点击空白处隐藏资料

点击按钮显示资料在这里插入代码片

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>Document</title>
</head><body><input type="button" value="显示个人资料" name="" " id="btn "><ul id="box "><li>姓名：刘德华</li><li>职业：演员</li><li>作品：无间道</li></ul>
</body>
</html><script>//点击按钮显示资料，点击空白处隐藏资料function $id(id) {return document.getElementById(id);}window.onload = function () {$id("box ").style.display = "none "}$id("btn ").onclick = function (e) {var e = e || event;$id("box ").style.display = "block ";//因为boxs是document的子元素 --阻止事件流e.stopPropagation();}document.onclick = function () {$id("box ").style.display = "none "}
</script>

项目--点击按钮显示资料，点击空白处隐藏资料相关推荐

点击按钮显示谷歌地图
原文:点击按钮显示谷歌地图 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind=" ...
网页加载的不同的方式、点击按钮显示一句话、jQuery中获取元素的方法
网页加载的不同的方式 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
React 点击按钮显示div与隐藏div
<!DOCTYPE html> <html><head><meta charset="UTF-8" /><title>R ...
jquery点击按钮显示和隐藏div
[转]jquery点击按钮显示和隐藏DIv 1 function changeDisplay() { 2 if ($("#btnShow").attr("value&qu ...
php按钮如何加显示不出来,javascript - 点击按钮显示更多，自定义变量显示不出来？...
点击按钮显示更多,自定义变量显示不出来? 提示错误信息:. 想要达到的效果: 点击按键一次更多,多显示3条信息显示更多支持小明1这是我的个性签名 288个赞同本回答分成[旅游版]和[日常版] ...
点击按钮显示文字，再次点击隐藏文字
点击按钮显示文字,再次点击隐藏文字点击按钮显示文字,再次点击按钮隐藏文字通过if条件判断css样式来做 <!DOCTYPE html> <html lang="en&q ...
如何在网页点击按钮显示的图片
<template><div><button @click="getData">大力出奇迹</butt ...
react实现div隐藏_React 点击按钮显示div与隐藏div
React 点击按钮显示div与隐藏div .m-test{width: 100px;height: 100px;background-color: red;} class Toggle extend ...
Android/安卓点击按钮显示密码
在做app的时候,我们经常会做一个登陆界面,登陆时需要输入账号密码,并且输入时要求密码不可见,但是我们观察会发现大部分app都会提供一个按钮,点击查看输入的密码是否正确,那么怎么实现呢? 效果视频点 ...

项目--点击按钮显示资料，点击空白处隐藏资料

项目--点击按钮显示资料，点击空白处隐藏资料相关推荐

最新文章

热门文章