Javascript 在JS中使用popover数据切换设置属性时出现问题

我试图在将鼠标悬停在图标上时显示内容。 当我在HTML中硬编码时，它工作得很好。 但是，当我试图通过javascript呈现相同的内容时，悬停上什么也没有发生

因此，当直接用HTML编写时，这是有效的：

<i id="iconid"
class="ki flaticon2-information icon-lg ml-3 text-dark"
data-container="body" 
    data-toggle="popover" 
    data-html="true"
data-content="hello"i>

这行不通

    <!--html-->
    <i id="iconid"
class="ki flaticon2-information icon-lg ml-3 text-dark"
data-container="body" 
    data-toggle="popover" 
    data-html="true"
i>

<!--javascript-->
document.getElementById("iconid").setAttribute("data-content", "hello");

document.getElementById（“iconid”）.setAttribute（“数据内容”，“你好”）；

当我检查呈现的代码时，在这两种情况下，一切看起来都完全相同，但在第二种情况下，悬停时什么也没有发生

---

谢谢你的帮助

若您使用引导，您可能希望在JS操作元素后手动调用popover事件

$('[data-toggle="popover"]').popover()

---

我认为问题是，在调用JS操作时，引导程序已经完成了元素的绑定事件。所以它落在后面了。

非常感谢！这似乎是事实上的问题。现在它工作了，但只有当我点击图标时，而不是当我将鼠标悬停在它上面时。我必须再次点击它，使“你好”消失。如何添加悬停功能？@jeff3546，查看引导文档。popover接受参数作为参数。现在它工作了，非常感谢，这真的很有帮助！！