¿Hay alguna manera de establecer el foco en una carga de página? He encontrado documentación que indica usar el atributo de autofocus , pero la documentación dice que el atributo solo se aplica a input , el button , el área de textarea y la select .
Gracias.
Puede probar el método scrollIntoView en la ventana onload
window.onload=function(){ document.getElementById("ID_OF_IMAGE").scrollIntoView(); }Creo que estás buscando algo así:
window.addEventListener('load', function() { document.querySelector(".classFromImage").focus(); })Lo que podría hacer es buscar el elemento img con el atributo de autofocus y establecer el enfoque después de leer el DOM. También debe configurar tabindex para que funcione.
Solo buscaría img[autofocus] para que no te metas demasiado con el comportamiento predeterminado.
window.addEventListener('DOMContentLoaded', function() { let elm = document.querySelector("img[autofocus]") if (elm) { elm.focus() } }) img { width: 100px; height: 100px; display: inline-block; } :focus { border: 4px solid red; } <img autofocus tabindex="0">