如何修改点击按钮后生成的动态元素文本（不使用on、setInterval、setTimeout）

你可以使用MutationObserverAPI实现需求，这个API专门用于监听DOM树的变化，不需要依赖定时器、事件绑定触发，完全符合你要求的不使用on、setInterval、setTimeout的限制。

实现代码 #

// 获取提前存在的静态父元素，对应你代码里的.parentclass
const parentNode = document.querySelector('.parentclass');
// 实例化DOM观察器
const domObserver = new MutationObserver((changeRecords) => {
  // 遍历所有DOM变更记录
  for (const record of changeRecords) {
    // 遍历本次新增的所有节点
    for (const addedNode of record.addedNodes) {
      // 仅处理元素类型的节点，跳过文本、注释等其他节点
      if (addedNode.nodeType !== Node.ELEMENT_NODE) continue;
      // 匹配你要修改的动态生成元素的类名
      if (addedNode.classList.contains('dynamicallygeneratedclass')) {
        // 直接修改目标元素的文本
        addedNode.textContent = '这是修改后的新文本';
        // 如果只需要处理一次，匹配到目标元素后就停止观察，释放性能
        domObserver.disconnect();
        return;
      }
    }
  }
});
// 配置观察规则：监听所有子节点的新增、移除，同时包含深层嵌套的子节点
const observerOptions = {
  childList: true,
  subtree: true
};
// 启动对父元素的观察
domObserver.observe(parentNode, observerOptions);

// 原有按钮点击逻辑不需要做额外修改，正常保留即可
$("#buttontoclick").click(function(){
  // 这里保留你原本的点击后触发动态元素生成的逻辑
});

原方案失效原因说明 #

1. 定时器方案：动态元素的生成时机受接口请求速度、设备性能等因素影响完全不固定，固定间隔轮询要么浪费性能，要么超时时间到了元素还没生成，稳定性非常差。
2. 事件委托方案：你之前绑定的是mouseover、mouseout事件，必须用户主动把鼠标移到元素上才会触发修改，不会在元素生成时自动执行，自然不符合需求。

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