首页 > 解决方案 > 如何自动触发嵌入站点内的按钮?

问题描述

我的网站上嵌入了一个 twitter 时间线,我希望它自动滚动到我的时间线底部。自动滚动工作正常,但 twitter 的嵌入式版本有一个“加载更多按钮”,需要激活该按钮才能使时间线进一步向下滚动。

这是我到目前为止尝试过的

我尝试过的其他一些事情是使用谷歌开发人员工具获取类名,但这似乎也不起作用。我不确定我是否可以真正访问这些类,因为这些类没有直接在我的 HTML 文件中说明。目前我在想我需要先获取嵌入式时间线的类名,然后从那里在同一个函数中访问加载更多按钮 HTML 类。

标签: javascripthtml

解决方案


如果 twitter 时间线嵌入在 中iframe,则调用全局document对象是指主 DOM,但嵌套对象iframe有自己的。改用就好window.frames["nested-frame-name"].document了。

使用您的代码示例,您应该更正

var loadMoreButton = document.getElementsByClassName("twitter-timeline");

进入

var loadMoreButton = frames["twitter-frame-name"].document.getElementsByClassName("twitter-timeline");

推荐阅读