Question

我设法让Twitter按钮工作。按钮显示用户拥有多少当前关注者（即：34.3K粉丝）。现在的问题是如何从Twitter关注按钮中删除文本“关注者”？

我使用下面的代码来渲染按钮：

<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<a href="http://twitter.com/twitterusername" class="twitter-follow-button" data-width="160px" data-show-screen-name="false" data-align="middle">Follow twitterusername</a>

有没有办法通过为链接提供数据属性来删除“关注者”文本？任何其他解决方案都会有所帮助。

TIA

Eralph

Answer 1

您可以使用document.getElementsByTagName('iframe')访问iframe（twitter按钮使用iframe加载数据），然后插入以下CSS：

[id=follow-button] span.label { padding-left: 16px!important; }
[id=follow-button] [id=l] { display: none!important; }

请注意，iframe会动态插入到DOM中，这意味着您必须等待它被加载。

如何从Twitter关注按钮中删除“粉丝”文本？

1 个答案: