javascript - js的作用域小问题...

问题描述

问 题

    <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,这点击事件函数里面也可以使用外部的变量不是吗

解决方案

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

这篇关于javascript - js的作用域小问题...的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！