Javascript隐藏div并显示

Question

我正在做一个测验，我想在没有人问的时候隐藏问题。但我不断收到错误 Uncaught TypeError: Cannot read property 'style' of null。

document.getElementById("score").style.display = "none";

<!--This is the questions,score and submit button -->
<div id="score">
  <div class="form-group">
      <div class="col-sm-offset-2 col-sm-10">	
<input type="text" name="textfield" id="textscore">
      </div>
  </div>
</div>

Answer 1

当您尝试隐藏时，请确保该元素在 DOM 中。

document.onreadystatechange = () => {
  if (document.readyState === 'complete') {
    // document ready
    document.getElementById("score").style.display = "none";
  }
}