如何在页面加载时用JavaScript/jQuery移除HTML元素中的指定字符串？

没问题！我给你两种靠谱的实现方案，分别用原生JavaScript和jQuery，都能在页面完全加载（window load事件触发）时完成需求：

这种方案不需要依赖任何库，纯原生就能搞定：

window.addEventListener('load', function() {
  // 获取目标p元素，如果页面有多个p标签，建议给这个p加个id来精准选择，比如id="race-title"
  const targetPara = document.querySelector('p');
  if (targetPara) {
    // 替换掉字符串里的"Top Ten "（注意后面的空格，这样替换后刚好保留Miler前面的空格）
    targetPara.textContent = targetPara.textContent.replace('Top Ten ', '');
  }
});

简单说明下：

• 用window.addEventListener('load')确保所有资源（图片、样式等）都加载完成后再执行代码，避免元素还没渲染就操作
• textContent用来获取和设置元素的纯文本内容，兼容性比innerText更好
• 如果页面存在多个p标签，强烈建议给目标p加个唯一id（比如<p id="race-title"> Top Ten Miler </p>），然后用document.getElementById('race-title')获取，避免误修改其他元素

如果你已经引入了jQuery库，用这个方案会更简洁：

$(window).load(function() {
  // 同样，如果有多个p标签，建议用更精准的选择器，比如$('#race-title')
  $('p').text(function(index, originalText) {
    // 替换指定字符串，返回修改后的文本
    return originalText.replace('Top Ten ', '');
  });
});

补充说明：

• $(window).load()对应原生的window load事件，确保页面完全加载完成
• text()方法传入函数时，会自动遍历匹配到的所有元素，用返回值替换原有文本，很适合批量处理同类元素
• 同样推荐给目标p加id来精准选择，避免影响无关元素

另外，如果你只是想移除"Top Ten"本身，不管后面的空格，也可以用正则表达式replace(/Top Ten/, '')，这样原文本里的"Top Ten Miler"会自动变成" Miler"，和你想要的结果一致。

内容的提问来源于stack exchange，提问作者user4722395