Question

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

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

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

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

Header包含运行此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分享按钮，但我无法让代码正常工作。

请帮助，非常感谢。

Answer 1

对我来说很好。

请确保

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

在之后被称为已创建标识为social_media的元素，但之前则运行了shareThis-Script。

它必须看起来像这样：

<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放在页面的底部，那就不行了。 ; - ）

Answer 2

<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

JavaScript无法在innerHTML中运行<span> </span>

2 个答案: