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名就行。