有人請解釋這個JavaScript

Question

http://codepen.io/anon/pen/JdRJGz

我嘗試了一段時間，似乎腳本根本沒有運行。 我確定我啟用了js，也許有一個我沒有發現的錯誤？

function hello(){
``getElementById("message").style.display="block";
  getElementById("block").style.display="block";
};

function disappear(){
  getElementById("message").style.display="none";
  getElementById("block").style.display="none";
};

Answer 1

如果您打開開發人員控制台，則會立即看到問題：未定義getElementById() 。 您正在尋找

  document.getElementById("message").style.display = "block";

Answer 2

getElementById是Document對象的成員

更正您的代碼

function hello(){
    document.getElementById("message").style.display="block";
    document.getElementById("block").style.display="block";
};

function disappear(){
    document.getElementById("message").style.display="none";
    document.getElementById("block").style.display="none";
};

http://codepen.io/anon/pen/OVRgmW

Answer 3

這里讓我解釋一下，這是您好和消失r這兩個函數，當您執行按鈕單擊之類的事件或您的代碼中的某些事件時會觸發，消息是您在頁面中設置的元素的ID，您將使用其ID專門調用它並設置其樣式。 我不知道您希望您的代碼如何運行，但是根據給定的信息，這是我能做出的最佳假設。