Tengo una página que se abre en la ventana Modal y quiero ocultar la etiqueta <i> cuyos data-original-title="Close" después de que la página se cargue con el siguiente código pero no funciona: estoy usando el sistema SAAS donde hay una opción para abrir una página en la ventana MODAL.
function startUp() { $("i[data-original-title='Close']").hide(); } <body onload="startUp(); return true;"> </body> document.addEventListener('DOMContentLoaded' ... también
Dado su caso de uso y el código JS proporcionado por un tercero, recomendaría simplemente usar una regla CSS en su styles.css (o cualquier nombre de archivo).
.sswindow-backdrop i[data-original-title=Close] { display:none !important; }probar
function startUp() { $("i[data-original-title='Close']").attr("style", "display:none!important"); }Los selectores de atributos usan comillas dobles (") y no comillas simples ('). jQuery no arroja ningún error, si el elemento no existe en el DOM. Así que mejor use Vanilla js para depurar:
var closeBtn = document.querySelector('i[data-original-title="Close"]'); closeBtn.style.display = 'none'; No ha proporcionado suficiente código o captura de pantalla DOM en su pregunta, pero sospecho que el contenido del modal está en un iframe , en cuyo caso está en un DOM separado.
var iframe = document.querySelector('iframe'); iframe.addEventListener('load', (evt)=> { // hide close button here. });