js的作用域小问题...

Question

 <span id="status">qdqwdLED STATUS: OFF</span>     <button id="btn">ON</button>     <script>         var btn = document.getElementById('btn');        var opend = false;                 var status = document.getElementById('status');        console.log(status);                 console.log(status.innerHTML);         btn.onclick = function() {            // var status = document.getElementById('status');             // console.log(status);             // console.log(status.innerHTML);             if (opend) {                this.innerText = 'OFF';                 status.innerHTML = 'LED STATUS: ON';             } else {                this.innerText = 'ON';                 status.innerHTML = 'LED STATUS: OFF';             }             opend = !opend;         }    </script>为什么必须把获取status放到点击函数里面才能获取到这个元素，不然status.innerHTML是undefined,这点击事件函数里面也可以使用外部的变量不是吗

Answer 1

status是window内置属性，这个bug和window下的name的bug一样，所以你换个id名就行。