javascript - 单击按钮后如何隐藏div？

Question

我想在用户点击按钮时隐藏 div(即“hide-div”)，当导航到同一页面时。请帮我解决这个问题。谢谢

<div id="hide-div">
   <button type="button" title="test" class="button btn-small" onclick="setLocation('abc.com');"><span>'Add to Cart'</span></button>
</div>

Answer 1

使用 Vanilla JavaScript。尽管我建议使用事件处理程序而不是内联 JS，但这是考虑到您的代码。

1. 使用style.display隐藏元素
2. 您可以在使用 window.location 隐藏按钮后重定向页面

function setLocation(loc) {
  document.getElementById('hide-div').style.display = 'none';
  window.location = loc;
}

<div id="hide-div">
   <button type="button" title="test" class="button btn-small" onclick="setLocation('http://google.com')"><span>'Add to Cart'</span></button>
</div>