HTML中怎样实现点击指定表格以外的页面隐藏该表格

 我来答
春花秋_月
推荐于2017-11-15 · TA获得超过289个赞
知道小有建树答主
回答量:273
采纳率:96%
帮助的人:107万
展开全部

单纯HTML肯定实现不了,配合JS即可。

例如,页面上有一表格

<table id="tab"></table>

然后使用JS:

        var tab = document.getElementById("tab");
        document.onclick = function(){
            tab.style.display = 'none';
        }
无敌鳖
2017-11-15 · TA获得超过185个赞
知道答主
回答量:92
采纳率:67%
帮助的人:25.9万
展开全部
<html>
<head>
</head>
<body>
<div id="tab" style="width:300px;height:300px;background-color:green">

</div>

</body>
<script>
var tab =document.getElementById("tab");
//点击任何地方都隐藏id为tab的div
document.onclick = function(){
tab.style.display = 'none';
}
//阻止tab本身的冒泡事件(也就是排除tab本身点击事件)
tab.onclick =function(event){
event.stopPropagation();
}

</script>
</html>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式