Javascript 如何创建JS脚本以在特定页面中显示隐藏图像

Javascript 如何创建JS脚本以在特定页面中显示隐藏图像,javascript,html,firefox,greasemonkey,userscripts,Javascript,Html,Firefox,Greasemonkey,Userscripts,我试图在www.instructables.com上创建一个Greasemonkey JavaScript脚本。 我希望从该脚本中单击“显示所有项目”按钮以加载隐藏的图像 这是一个示例页面: 这是我想展示的图像示例: 假设“显示所有项目”链接是“photoset showmore”类的唯一元素,您可以尝试以下操作 window.onload = function() { var links = document.getElementsByClassName('photoset-show

我试图在www.instructables.com上创建一个Greasemonkey JavaScript脚本。
我希望从该脚本中单击“显示所有项目”按钮以加载隐藏的图像

这是一个示例页面:

这是我想展示的图像示例:

假设“显示所有项目”链接是“photoset showmore”类的唯一元素,您可以尝试以下操作

window.onload = function() {
    var links = document.getElementsByClassName('photoset-showmore');
    for (key in links) {
        if (typeof links[key]['click'] == 'function')
            links[key].click();
    }
}

(您可以在firefox js控制台或greasemonkey脚本中进行检查)

显示代码并指定确切的问题所在。也可以使用搜索,有很多示例/脚本可以单击某些按钮。@wOxxOm我已经尝试了很多与按钮配合良好的脚本,但它们与“显示所有项目”按钮不配合。这是因为该按钮是在页面加载后动态添加的。寻找使用
waitForKeyElements
的脚本,一切取决于您如何使用实际的greasemonkey脚本。如果在内容之前加载,最好使用事件侦听器。我已经编辑了答案,请再试一次。@Alexander Dyachkov我的朋友,效果很好。非常感谢。