javascript - 如何从 javascript/jquery 中的 Twitter 关注按钮获取 anchor 文本？

Question

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

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

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

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>

页面加载时，它创建的部分内容是包含您的关注者数量的 anchor 标记，如下所示:

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

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

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

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

编辑:抱歉，jsfiddle 中有一个错误。现已更正。

Answer 1

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

你想要的东西是不可能的。