页面载入只要div1出现，div2就消失，这样js能写吗？求代码

页面载入只要div1出现，div2就消失，这样js能写吗？求代码

---

<div id="div1"></div>
<div id="div2"></div>
<script type="text/javascript">
        var div1 = document.getElementById('div1'),
            div2 = document.getElementById('div2');
        // 判断有没有获取到 div1
        if (div1) {
            alert('ready div1');
            // 过一秒把 div2 给隐藏
            setTimeout(function(){
                div2.style.display = 'none';
            }, 1000);
        }
</script>