JavaScript无法运行<span>在innerHTML中

JavaScript cannot run <span> in innerHTML

本文关键字：gt innerHTML span lt 运行 JavaScript      更新时间：2023-09-26

我正在尝试在我的网站上使用ShareThis（一种共享工具）。

我有一个外部JavaScript文件，它将使用innerHTML导入所有html代码。

所以代码基本上是这样运行的：

document.getElementById("social_media").innerHTML = "<span class='st_facebook_large' displayText='Facebook'></span>";

标题包含运行此跨度标签所需的所有文件

<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "de187292-9a6b-41ad-b7c6-a041b541f753", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>

理想情况下，<span class='st_facebook_large'将转换为facebook共享按钮，但我无法使标签正常工作。

请帮忙，非常感谢。

对我来说很好。

请确保

document.getElementById("social_media").innerHTML = "<span class='st_facebook_large' displayText='Facebook'></span>";

在创建id为social_media的元素之后，但在share之前，调用此脚本运行。

它必须看起来像这样：

<div id="social_media"></div>
<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "de187292-9a6b-41ad-b7c6-a041b541f753", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
<script type="text/javascript">
    document.getElementById("social_media").innerHTML = "<span class='st_facebook_large' displayText='Facebook'></span>";
</script>

如何打破我的例子：如果你把div放在页面的底部，它就不起作用了

<body>      
<div id="social_media" ></div>
</body>
<script type="text/javascript">
        document.getElementById("social_media").innerHTML = "<span class='st_facebook_large' displayText='Facebook'></span>";       
</script>

只需确保在元素之后编写innerHTML

相关文章：