JavaScript 如何实现点击DIV外边,改变此DIV属性
JavaScript如何实现点击DIV外边,改变此DIV属性。在网页编写中,遇到如下问题:两个div标签,div2包含在div1内部,如何用js实现:点击div2外部时,...
JavaScript 如何实现点击DIV外边,改变此DIV属性。在网页编写中,遇到如下问题:两个div标签,div2包含在div1内部,如何用js实现:点击div2外部时,改变div1的class属性。要求:1、只能用js,因为一些原因不能直接改动HTML的代码。2、不能判断div2是否被点击。(因为div2内部还有一些相应的点击动作,我用js判断div2是否被点击时,原生的点击动作被覆盖了!)有前端大神能帮帮我吗?
展开
1个回答
展开全部
<div id="div1" style="width:200px; height:200px; background-color:red">DIV1
<div id="div2" style="width:100px; height:100px; background-color:green; margin:50px 0 0 50px">Div2</div>
</div>
<script>
window.onload=function(){
document.getElementById("div1").onclick=function(e){
if((e||event).target==this)this.style.backgroundColor="blue";
}
}
</script>
<div id="div2" style="width:100px; height:100px; background-color:green; margin:50px 0 0 50px">Div2</div>
</div>
<script>
window.onload=function(){
document.getElementById("div1").onclick=function(e){
if((e||event).target==this)this.style.backgroundColor="blue";
}
}
</script>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询