如何取消一个隐藏html<p>标签元素使用JavaScript?

你可以使用 removeAttribute

document.getElementById("button").removeAttribute('hidden')

<p hidden id="button">
  <a id="dashboard-btn" 
     href="www.google.com" 
     target="_blank" 
     rel="noopener noreferrer">
      www.google.com
    </a>
</p>

你隐藏你的元素的属性 hidden 所以你需要控制，这属性，而不是风格，如：

document.getElementById("button").hidden = false; 

<p hidden id="button">
    <a id="dashboard-btn" href="www.google.com" target="_blank" rel="noopener noreferrer">
      www.google.com
    </a>
</p>

参考：

• 隐藏

试试这个

document.getElementById("button").removeAttribute("hidden")

你可以删除的属性"隐藏"。

document.getElementById("button").removeAttribute("hidden")

我有几个方案：

一个

document.getElementById("button").hidden = "false";

作为隐藏不是一个css 能见度：隐藏的； 财产。

这是一个属性。

B

作为@tacoshi提到的，

.hidden {
  opacity: 0;
  transition: opaicty 1s ease;
  /* use opacity in case you want to have a beautiful transition */
}

只是使用

document.getElementById("button").classList.toggle("hidden")