En mi política personalizada, trato de ocultar la etiqueta email_intro pero sin éxito: 
- Este es mi código html:
<div id="api" data-name="Unified"> <form id="attributeVerification"> <div id="attributeList" class="attr"> <ul> ... <li class="TextBox"> <div class="attrEntry"> <div> <div class="verificationInfoText" id="email_intro" style="display: inline;" aria-hidden="false" aria-live="polite" role="alert">Verification is necessary. Please click Send button. </div> ... </div> </div> </li> ... </ul> </div> <div class="buttons"> ... </div> </form> </div>- Mi código JS
var intro = document.getElementById("email_intro"); intro.style.setProperty('display','none');¿Alguien podría saber cuál podría ser el error, por favor?
PD: hago lo mismo con otros elementos y funciona!!
Gracias Nicolas y micahlt por sus valiosas discusiones. Publicar sus discusiones como respuesta para ayudar a otros miembros de la comunidad.
Esto parece ser un problema debido a una falta de coincidencia de la hoja de estilo. Apuntando a la hoja de estilo correcta [
element.style {display: inline; }] al nombre de la clase (.verificationInfoText) resolvió el problema.
@micahlt tenías razón, inspeccioné la página y esa era otra hoja de estilo inyectada element.style {display: inline; } Gracias. Funciona