Question

JavaScript 如何实现点击DIV外边，改变此DIV属性

JavaScript 如何实现点击DIV外边，改变此DIV属性。在网页编写中，遇到如下问题：两个div标签，div2包含在div1内部，如何用js实现：点击div2外部时，改变div1的class属性。要求：1、只能用js，因为一些原因不能直接改动HTML的代码。2、不能判断div2是否被点击。（因为div2内部还有一些相应的点击动作，我用js判断div2是否被点击时，原生的点击动作被覆盖了！）有前端大神能帮帮我吗？

Answer 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>