addEventListener不起作用

Question

为什么addEventListener不起作用？控制台是安静的，没有错误。

＆＃13;

＆＃13;

function hide () {
  console.log(document.getElementById('text'));
  document.getElementById('text').style.display = 'none';
  console.log(document.getElementById('text'));
}
console.log(document.getElementById('hider')); 
document.getElementById('hider').addEventListener('hide_element', hide);

＆＃13;

<input type="button" id="hider" value="Click to hide text" />

<div id="text">Text</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

您需要为click事件添加事件侦听器，而不是hide_element

＆＃13;

＆＃13;

function hide () {
  document.getElementById('text').style.display = 'none';
}

document.getElementById('hider').addEventListener('click', hide);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" id="hider" value="Click to hide text" />

<div id="text">Text</div>

＆＃13;

＆＃13;

＆＃13;