Tengo el siguiente elemento oculto <p> en la etiqueta del cuerpo de mi archivo HTML (para mi extensión de Chrome).
<p hidden id="button"> <a id="dashboard-btn" href="www.google.com" target="_blank" rel="noopener noreferrer"> www.google.com </a> </p>Quiero mostrar esto usando JavaScript . Mi intento aleatorio que no pudo mostrarlo:
document.getElementById("button").style.visibility = 'visible';[SOLUCIONADO] Esto (también) funcionó:
document.getElementById("button").style.display = "block";Puedes usar 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>Oculta su elemento con el atributo hidden , por lo que necesita controlar ese atributo en lugar del estilo como:
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>Referencia:
Prueba con esto
document.getElementById("button").removeAttribute("hidden")