如何操作通过JavaScript创建的DOM

Question

我目前遇到的问题是我通过<script data-cfasync="false">加载第三方插件，因此无法直接访问生成的DOM。

如果可以直接访问，那么我可以通过

成功更改DOM

document.getElementsByClassName('conversations-header-name')[0].innerHTML = 'chatting with Chris';

现在，我的问题是：如何修改页面加载后创建的文本，然后显示在类conversations-header-name的容器中而不修改源代码，因为它是第三方插件我们使用？

*编辑 通过插件生成的DOM显示在iframe内。

Answer 1

这很有帮助..

＆＃13;

＆＃13;

document.onreadystatechange = function () {
  var state = document.readyState;
  if (state == 'complete') {
      var e1 = document.getElementById('e1');
      var e2 = document.createElement('div');
      e2.setAttribute("id","e2");
      e2.innerHTML = "Div 2";
      e2.style.color ="red";
      e1.append(e2);

  }
};

＆＃13;

<div id="e1">
Div 1
</div>

＆＃13;

＆＃13;

＆＃13;