如何从javascript / jquery中的twitter关注按钮获取锚文本?

时间:2017-05-10 10:55:32

标签: javascript jquery twitter

我想让我的推特追随者数量显示在我的网站上。我打算把它作为一个动画计数器。

我知道你可以通过twitter API来做到这一点,但我很难理解文档(编码技巧非常有限)。当我已经按照文本格式添加我的推文关注者数量,加载到我网站上的关注按钮旁边时,这似乎有点矫枉过正。

我认为从twitter代码创建的链接中获取锚文本会相对容易。都能跟得上

Twitter关注按钮代码如下所示:

SESSION

当页面加载时,它创建的部分内容是带有关注者计数的锚标记,如下所示:

<a href="https://twitter.com/TwitterDev" class="twitter-follow-button" data-show-count="true">Follow @TwitterDev</a>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

当我尝试从示例锚标记中获取文本时,它可以正常工作。但正如你在这个jsfiddle中看到的那样,当我尝试从twitter按钮获取文本时,它将返回undefined。

https://jsfiddle.net/d1zt3d6x/3/

我在运行代码之前添加了延迟以确保按钮已加载。我没有想法。任何帮助将不胜感激!

编辑:道歉,jsfiddle中有错误。现在纠正了。

1 个答案:

答案 0 :(得分:1)

widgets.js脚本用iframe取代了Twitter按钮,iframe从Twitter的域中加载了内容 - 这意味着你通过JavaScript绝对无权访问,因为Same Origin Policy禁止这样做。

你想要什么是不可能的。