使用JavaScript在页面上加载跨文本的更改

使用JavaScript在页面上加载跨文本的更改,javascript,Javascript,我想更改没有ID,但有一个可以挂接的父ID的范围的文本。我的问题是,它也有一个强烈的标签,我希望不受干扰。我想在页面加载时将(超过50英尺)更改为(超过75英尺) 超长车道(超过50英尺)+5.00美元/月 如果您想要一个“静态”功能,它只是将50英尺替换为75英尺,那么下面的代码应该可以解决您的问题 window.onload = function() { let span = document.querySelector('#distance_fee_field span.ad

我想更改没有ID,但有一个可以挂接的父ID的范围的文本。我的问题是,它也有一个强烈的标签,我希望不受干扰。我想在页面加载时将(超过50英尺)更改为(超过75英尺)

超长车道(超过50英尺)+5.00美元/月

如果您想要一个“静态”功能,它只是将50英尺替换为75英尺,那么下面的代码应该可以解决您的问题

window.onload = function() {
  
  let span = document.querySelector('#distance_fee_field span.added-checks');
  
  span.textContent = span.textContent.replace('50ft', '75ft');
}

我不明白这里的重点是什么,但你可以这样做:

let spans = document.querySelectorAll("span");
[...spans].forEach(span => {
  let p = span.closest("p");
  if(p.getAttribute("id")) {
    span.innerText = span.innerText.replace("50ft", "75ft");
  }
})