js 点击 div区域外内容 div及子元素全部隐藏

 

    <script type="text/javascript">
        //隐藏div
         function hiddendiv() {

               //当前要隐藏的div
                 document.getElementById("newtreeii").style.display = "none";

        }
        document.onclick = function(event) {
            var e = event || window.event;
            var ele = e.srcElement || e.target;
            var i = ele.id;

            var j = ele.parentNode.id;

         //当父节点和子节点都为空
            if (i == "" && j == "") {
                hiddendiv();
            }

      //当父节点为表单子节点为空
            if (i == "" && j == "form1") {
                hiddendiv();
            }
        }
    </script>