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

Question

我正在尝试让我的 twitter 关注者数量显示在我的网站上。我打算把它作为一个动画计数器。

我知道您可以通过 twitter API 做到这一点，但我很难理解文档（编码技能非常有限）。当我已经有了我的 twitter 关注者数量（以文本格式）加载到我网站上的关注按钮旁边时，这似乎也有点矫枉过正。

我认为从 twitter 代码创建的链接中获取锚文本相对容易。没有

twitter 关注按钮代码如下所示：

<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>

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

<a id="count" class="note" href="https://twitter.com/intent/user?ref_src=twsrc%5Etfw&amp;region=count_link&amp;screen_name=TwitterDev&amp;tw_p=followbutton">99999 followers</a>

当我尝试从示例锚标记中获取文本时，它工作正常。但正如您在这个 jsfiddle 中看到的那样，当我尝试从 twitter 按钮获取文本时，它返回为未定义。

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

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

编辑：抱歉，jsfiddle 中有错误。现在更正了。

Answer 1

Twitter 按钮被 widgets.js 脚本的 iframe 替换，并且 iframe 会从 Twitter 的域加载内容 - 这意味着您绝对 无法通过 JavaScript 访问它，因为Same Origin Policy 禁止这样做。

你想要的都是不可能的。