Come scoprire un nascosto html <p> tag di elemento utilizzando JavaScript?

È possibile utilizzare 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>

Nascondi il tuo elemento con attributo hidden quindi è necessario controllare che l'attributo invece di stile come:

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>

Riferimento:

• nascosto

Prova con questo

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

È possibile rimuovere l'attributo "nascosto".

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

Ho diverse soluzioni:

Un

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

Come nascosto non è un css visibility : hidden; proprietà.

Si tratta di un attributo.

B

Come @tacoshi detto,

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

E basta usare

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