文章/答案/技术大牛

发布

问getElementById变量作用域
EN

Stack Overflow用户

提问于 2018-06-28 17:46:19

回答 2查看 559关注 0票数 0

在下面的示例中，为什么不能从函数内部访问“status.value”？如果我将函数中的'status.value‘替换为document.getElementById("Label").value，一切都会正常工作。谢谢。

<html>
<body onload="Ticker()">
 <label>Connection Status:</label>
 <input type="text" readonly="true" value="Idle" id="Label">
 <input type="button" value="Start/Stop" onclick="run=!run">
 <br>

 <script>
 var status = document.getElementById("Label");
 var run;

  function Ticker() {
      setTimeout( Ticker, 100 );

        if(run){
           status.value = "Connected";
        }else{
           status.value = "Disconnected";
        }
  }
</script>
</body>
</html>

javascript

scope

getelementbyid

回答 2

Stack Overflow用户

发布于 2018-06-28 18:53:07

<html>

  <body onload="Ticker()">
    <label>Connection Status:</label>
    <input type="text" readonly="true" value="Idle" id="Label">
    <input type="button" value="Start/Stop" onclick="run=!run">
    <br>

    <script>
      var run;

      function Ticker() {
        setTimeout(Ticker, 100);
        var status = document.getElementById("Label");
        if (run) {
          status.value = "Connected";
        } else {
          status.value = "Disconnected";
        }
      }

    </script>
  </body>

</html>

票数 0

Stack Overflow用户

发布于 2018-06-28 19:23:12

由于计时器下的函数在下一个事件周期中执行，因此它不会知道状态。如果你想传递'status‘，你应该把它作为参数传递给settimeout函数，如下所示：

 var status = document.getElementById("Label");
function Ticker(status) {
        setTimeout(Ticker, 100,status);      
        if (run) {
          status.value = "Connected";
        } else {
          status.value = "Disconnected";
        }
      }

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/51079693

复制

相似问题

问getElementById变量作用域
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问getElementById变量作用域EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问getElementById变量作用域
EN