innerHTML日历脚本

ghhkc1vu  于 2022-12-02  发布在  其他
关注(0)|答案(1)|浏览(114)

当我点击一个按钮时,我想对我的日历做一个innerHTML,但是它不起作用。
这是我的代码:

const calendlyCode = `
<div class="calendly-inline-widget" data-url="https://calendly.com/MYCALENDLY/30min" style="min-width:320px;height:630px;"></div>
<script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js" async></script>
`;

function showCalendly() {
  document.getElementById("calendly-area").innerHTML = calendlyCode;
}

但是如果我把文本放在两个div的中间,文本就会显示出来,所以问题不是DOM操作。

  • 谢谢-谢谢
f0brbegy

f0brbegy1#

您需要先加载脚本,然后使用innerHTML添加calendly div,它将显示结果。请查看下面的工作代码:
第一个
希望这对你的解决方案有帮助!

相关问题