使用js在点击aherf时隐藏div

Question

当aherf被点击时我需要隐藏div，我不能在其中使用脚本标记。那我怎么能这样做呢。

<div class="alert">
<p class="alert_message">alert</p><br>
<div><a herf=""class="hide">close</a></div>
</div> 

帮助我......

Answer 1

您可以像这样设置锚元素的onclick event。

<div class="alert">
  <p class="alert_message">alert</p><br>
  <div><a href="#" onclick="document.querySelector('.alert').style.display = 'none';return false;" class="hide">close</a></div>
</div>