try { document.querySelector("div[role='banner']").remove() document.querySelector("div[aria-label='start']").remove() document.getElementById("container").children[0].style.left = '0px'; document.getElementById("container").children[0].style.top = '300px'; document.getElementById('container').children[0].style.width = '828px'; document.getElementById('container').children[0].style.height = '466px'; } catch (error) { console.log(error) }
Si uno de los documentos anteriores falla, los demás no se ejecutan, ¿cómo podría ejecutar todos incluso si uno de ellos falla?
¿No hay otra opción que llamar a cada uno dentro de un bloque de try
?
Use el encadenamiento opcional en lugar de try
, que simplemente detendrá la declaración en esa línea en lugar de arrojar un error en caso de que uno de los valores de la izquierda sea nulo. También puede verificar si el elemento secundario existe almacenándolo en una variable antes de asignarlo a su estilo.
document.querySelector("div[role='banner']")?.remove() document.querySelector("div[aria-label='start']")?.remove() const child = document.getElementById("container").children[0]; if (child) { Object.assign( child.style, { left: '0px', top: '300px', width: '828px', height: '466px' } ); }
Dicho esto, este tipo de código huele un poco a código. Considere si puede alternar una clase CSS en un elemento principal y luego aplicar los estilos según sea necesario ( display: none
y la izquierda/superior/ancho/alto).