小编n00*_*00b的帖子

我正在尝试使用tippy.js在同一页面上获取具有不同 HTML 内容的多个工具提示。此内容各不相同 - 它可能只是使用 HTML 标签或文本 + 图像格式化的图像或文本。我怎样才能做到这一点？

我尝试运行这段代码但没有取得太大成功

 <a class="btn" href="#">Text</a>
<div class="myTemplate">
  <b>Text</b> <img src="https://i.imgur.com/dLcYjue.png">
</div>
 <a class="btn" href="#">Text2</a>
    <div class="myTemplate">
      <b>Text2</b>
    </div>


<script type="text/javascript">
    tippy('.btn', {
  content: document.querySelector('.myTemplate')
})
    const clone = document.querySelector('.myTemplate').cloneNode(true)
</script>