有人请解释这个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

这里让我解释一下，这个你好和消失的两个函数会在你点击按钮点击或你的代码中的某个事件时触发，消息是你在你的页面设置的元素的id，你是专门调用它的使用它的id和你设置它的风格。我不知道你希望你的代码如何表现，但是根据给定的信息，这是我能做出的最佳假设。