Javascript 按文档 ID 设置值

Question

我想做的是，如果单击 'reset' 按钮，另一个按钮的值会发生变化。我尝试使用 document.getelementbyid 属性但它似乎不起作用。有人知道我应该如何实施吗？

function reset() {
    stop();
    x.reset();
    update();
    opnieuw = setTimeout(function(){
    document.getElementById("scherm3").style.display = "block";
     document.getElementById("scherm2.2").style.visibility = "hidden"; 
     }, 10000);    
    clearTimeout(timeOut);
    clearTimeout(timeOutElse);
    document.getElementById("buttontimer").value = "Start";
} 

setTimeout(start, 5000);

function toggleTimer(event) {
 if (isTimerStarted) {
    stop();
    event.target.value = 'Start';
    timeOut = setTimeout(function(){
    document.getElementById("scherm4").style.visibility = "visible";
     document.getElementById("scherm2.2").style.visibility = "hidden"; 
     }, 4000)
    clearTimeout(opnieuw);
    clearTimeout(timeOutElse);
    }
     else {
    start();
    event.target.value = 'Stop';
    timeOutElse = setTimeout(function(){
    document.getElementById("scherm3").style.display = "block";
     document.getElementById("scherm2.2").style.visibility = "hidden";
    }, 8000)
          clearTimeout(timeOut);
    clearTimeout(opnieuw);
  }
}

和HTML：

<div id="button1"><input type="button" value="Stop" onclick="toggleTimer(event); clicks5times();" id="buttontimer"></div>       
        <input type="button" value="Opnieuw" onclick="reset()" class="button2" id="opnieuw">

Answer 1

您可以通过简单地分别使用 "Start" 和 "Stop" 按钮以及 show/hide 当前上下文的正确按钮来简化您的代码。通过显示 "Reset" 按钮，您已经（有点）这样做了。只需将其设为 "Stop" 按钮即可。当他们单击 "Start" 时，"Start" 按钮会隐藏，而 "Stop" 按钮会显示。点击"Stop"，"Stop"隐藏，显示"Start"。您甚至可以使用全局布尔值来跟踪状态并使 "Stop" 按钮的行为类似于 "Pause" 按钮，并显示一个额外的 "Reset" 按钮，使计时器回到 0。这一切都取决于关于您要完成的具体目标。

Javascript 按文档 ID 设置值

Javascript set value by document ID

javascript

document

setvalue