javascript - 使用 javascript 更改内容

Question

已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。

---

这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

已关闭 3 年前。

Improve this question

我想更改它的内容(如果存在)。

我正在尝试联系 getElementsByClassName并用 innerHTML 进行修改.

function drink() {
    const spans=document.getElementsByClassName('.minimal-price-link span.price-label').innerHtml = 'Only';
    for(let i=0;i<spans.length;i++) {
        const span=spans[i];                        
    }
    return null;
}
drink();

<a href="https://www.example.com" class="minimal-price-link"><span class="price-container price-final_price tax weee"> <span class="price-label">From</span> <span id="3048" data-price-amount="6.9" data-price-type="" class="price-wrapper ">$6,90</span></span></a>

返回null但不会改变。

Answer 1

要像在 CSS 中一样查询元素，请使用 querySelectorAll，并更改 innerText(不是 innerHtml，它实际上是 innerHTML) 在循环中(并且不需要返回 null 或任何内容，如果您不打算在某个地方使用它):

function drink() {
  const spans = document.querySelectorAll('.minimal-price-link span.price-label');
  for (let i = 0; i < spans.length; i++) {
    spans[i].innerText = 'Apenas';
  }
}
drink();

<a href="https://www.example.com" class="minimal-price-link"><span class="price-container price-final_price tax weee"> <span class="price-label">From</span> <span id="3048" data-price-amount="6.9" data-price-type="" class="price-wrapper ">$6,90</span></span></a>