Quiero focus en el enlace de la imagen por javascript, el problema es que no tengo acceso directo a mi imagen.
<li classe="product-1"> <div classe="shop"> <a class="img-link" src="xxxxxx"> <img class="image1"> </a> </div> </li>Intenté usar el acceso para enfocar la imagen pero no funciona
var imaglink = document.getElementsByClassName("product-1")[0].getElementsByClassName("shop")[0].getElementsByClassName("img-link")[0]; imagelink.focus();si alguien tiene alguna sugerencia para resolver este problema se lo agradecere
Posible error tipográfico, según el idioma, creo ... Noté que en su código tiene algunas líneas con classe="..." otras veces class="..."
con su elemento li tiene clase, eso podría devolver un valor indefinido, por lo que el resto de su selección no funcionará.
const img = document.querySelector("li a > img") img.focus()o
const img = document.querySelector(".shop > a img")o si hay varias imágenes
const img = document.querySelectorAll(".product-1 img")[0]Simplemente puede combinar los selectores y usar querySelector como
document.querySelector(".product-1 .shop .img-link").focus(); document.querySelector(".product-1 .shop .img-link").focus(); a:focus{ display:inline-block; border:20px solid #ccc; } <li class="product-1"> <div class="shop"> <a href class="img-link"> <img class="image1" src="https://picsum.photos/200/300"> </a> </div> </li>