我需要使用以下方法隐藏Twitter卡上的关注按钮:
<blockquote width="581" height="250" class="twitter-tweet"><p></p><a href="https://twitter.com/twitterapi/status/'+tt[i][1]+'" data-datetime="2011-11-07T20:21:07+00:00"></a></blockquote></div>
如何隐藏卡片上的关注按钮?
由于
答案 0 :(得分:0)
twitter小部件扩展为iframe,因此您必须等到它完全加载。然后你可以完全删除按钮或隐藏它。你需要一点JavaScript。问题是你必须等到它被加载。我不知道如何在推文完全加载时抓住,所以我会每隔100毫秒检查按钮,直到它出现。您当然可以根据自己的需要进行更改。
JS:
window.setTimeout(removeButton, 100);
function removeButton() {
var iframe = document.querySelector('iframe.twitter-tweet');
if(iframe == undefined) {
window.setTimeout(removeButton, 100);
return;
}
var button = iframe.contentDocument.querySelector('.follow-button.profile');
if(button == undefined) {
window.setTimeout(removeButton, 100);
return;
}
//Hide
button.style.display = 'none';
//Or remove
button.parentNode.removeChild(button); //Note: Not using button.remove() because of compatibility
}
这当然现在只适用于一条推文。如果你想删除多个Follow按钮,你必须稍微修改一下这个脚本。