在GTM中替换动态div内部指定文本的问题求助

AI 小北

2026-9-25

代码存在的问题

类名选择器拼写错误：目标div的class属性为free-shipping__content（free和shipping之间用中划线连接），你代码中写的是free_shipping__content（用下划线连接），无法匹配到目标元素
方法名拼写错误：JS原生DOM选择方法正确写法为querySelectorAll（末尾两个l为小写），你写的querySelectorALL（末尾L大写）属于语法错误，会直接抛出异常导致代码无法执行
触发时机不匹配动态渲染逻辑：你设置的DOM就绪触发时机，早于购物车运费动态计算脚本的执行时间，DOM就绪时目标元素/文本可能还没渲染完成，修改自然不生效

修复实现方案

修正后的代码

(function(){
  // 封装文本替换逻辑
  function removeTargetText() {
    var elements = document.querySelectorAll(".free-shipping__content");    
    for (i = 0; i < elements.length; ++i) {
      elements[i].innerHTML = elements[i].innerHTML.replace(" (Paczkomaty InPost)", "");
    }
  }
  // 先执行一次，覆盖已渲染完成的场景
  removeTargetText();
  // 监听DOM变动，动态内容渲染后自动执行替换
  var observer = new MutationObserver(removeTargetText);
  observer.observe(document.body, {
    childList: true,
    subtree: true
  });
})();