javascript - 循环更改文档中的所有 alt =""值

Question

我正在尝试更改文档中的所有 alt=""值。

我有不同的 div:在本例中为 div.product-card，其中包括 div.product-details 和 div.product tumb。

var change = document.querySelectorAll('div.product-card').forEach(function(){
    var imagename = document.querySelector('div.product-details h2 a').text;
    var image = document.querySelector("div.product-tumb div img");
    image.setAttribute("alt", imagename);
})

此代码运行但它只更改第一次出现。

但我需要对所有 .product-cards 进行循环，在每个 product-detail 中找到图像名称，并在每个 .product-tumb 中相应地设置 alt 值。

Answer 1

您应该在循环中使用当前元素。您还应该使用 innerText 或 textContent 来获取元素的文本:

var change = document.querySelectorAll('div.product-card').forEach(function(el){
  var imagename = el.querySelector('div.product-details h2 a').textContent;
  var image = el.querySelector("div.product-tumb div img");
  image.setAttribute("alt", imagename);
})