Javascript 如何在加载HTML时编辑tippy工具提示内容

我正在尝试使用tippy创建一个工具提示，我认为这是一个相对简单的用例

当我的页面加载时，我有一个js脚本，它调用一个简单的API来获取数据，它返回数据并出于多种原因使用它。一个原因是将其添加到tippy工具提示中，如下所示：

document.getElementById("innerInfo").innerHTML = "Info: " + data.info;

我的剧本是：

    <script>
        tippy('.tippy-btn');       
        tippy('#info', {
            html: document.querySelector('#info_html'),
            arrow: true,
            animation: 'fade'
        });
    </script>

蒂皮（'.tippy btn'）；
蒂皮（“#信息”{
html:document.querySelector（“#info_html”），
阿罗：没错，
动画：“淡入淡出”
});

和我的HTML：

<div id="info_html" data-template>
    <div style="padding:20px">
        <h5>Hi</h5>
        <h5 id="innerInfo"></h5>
    </div>
</div>

你好

出现

Hi

，但在控制台日志中，我的onload脚本找不到

info\u html

div来编辑

innerInfo

-

无法将属性“innerHTML”设置为null

我不想为tippy触发器上的数据调用API。有人能告诉我正确的方向，以便在页面加载时编辑tippy内容的innerHTML吗

仅供参考-HTML代码的顺序：HTML1st、onload.js2nd、tippy3rd

---

提前谢谢

不一定是最好的答案，但尽管顺序不同，因为onload.js是先调用的，它不是先完成的，所以tippy在onload完成之前触发（并隐藏）div

因此，为了解决这个问题，我确保onload在完成后立即调用tippy

理想情况下，有一种方法仍然可以调用和编辑此文件，而无需执行此操作