嗨，我想通過 javascript 獲取焦點到影像鏈接，問題是我無法直接訪問我的影像。
<li classe="product-1">
<div classe="shop">
<a class="img-link" src="xxxxxx">
<img class="image1">
</a>
</div>
</li>我嘗試使用訪問來關注影像但不起作用
var imaglink = document.getElementsByClassName("product-1")[0].getElementsByClassName("shop")[0].getElementsByClassName("img-link")[0];
imagelink.focus();如果有人對解決這個問題有任何建議，我將不勝感激
uj5u.com熱心網友回復：
可能的錯字，取決于我認為的語言...我注意到您的代碼中有一些帶有 classe="..." 的行，而其他時候
與你的 li 元素有類，這可能會回傳一個未定義的值，所以你選擇的其余部分將不起作用。
uj5u.com熱心網友回復：
const img = document.querySelector("li a > img")
img.focus()
或者
const img = document.querySelector(".shop > a img")
或者如果有多個影像
const img = document.querySelectorAll(".product-1 img")[0]
uj5u.com熱心網友回復：
您可以將選擇器組合在一起并使用querySelectorlike
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>轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/461548.html
標籤：javascript html
下一篇：將陣列中的負數和正數相加得到結果