无法设置 none 在 JavaScript 中显示 属性

Question

我写信是为了向用户显示一个 flash 文本，我希望它在 3 秒后消失。我尝试使用 settimeout 但没有结果，我可以更改颜色和其他属性但不能更改显示 property.I 我正在使用 bootstrap 进行样式设置。这是我的代码：

<div  class="flashtext alert alert-primary d-flex justify-content-between" role="alert">
  <%= messages %>
      <%=console.log(messages) %>
  <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<script>
  const tiptext = document.querySelector('.flashtext');

  function myFunction() {
    setTimeout(function () {
      tiptext.style.display = 'none'; }, 3000);
  }
  myFunction();
</script>

Answer 1

我测试了你的代码 运行 没有任何问题，它在代码片段中也能正常工作！检查其他对您的代码有影响的东西。