如何访问隐藏按钮并单击它们

Question

我正在努力使网页更易于使用。目前，有一个带有 'Delete' 按钮的下拉菜单。当我检查时，它看起来像这样：

<a title="" class="ajax-command" command="deletePost" href="#">Delete</a>

有什么办法可以以某种方式执行吗？我正在尝试创建一个新按钮来执行此命令而不需要下拉菜单。它是此下拉菜单下一组按钮的一部分：

<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                        <li class="item">

我试过复制下拉选择的点击，但无法正常工作。任何帮助都会很棒！

Answer 1

模拟link上的点击事件，隐藏也无所谓。我将在此处通过编写脚本来演示这一点，该脚本点击左侧隐藏的 Whosebug 下拉列表中的 meta link：

// 直接来自 MDN

var evt = new MouseEvent("click", {
  bubbles: true,
  cancelable: true,
  view: window
});

var cb = document.querySelectorAll("div.js-help-dialog li:nth-child(3) a.js-gps-track");

var canceled = !cb[0].dispatchEvent(evt);

这是你应该做的。如果您尝试运行他们的 AJAX 请求，您会发现自己重新发明了整个应用程序前端的一半。

Answer 2

jquery解决方案

$(".ajax-command[command='deletePost']").click()

如何访问隐藏按钮并单击它们

How to access hidden buttons and click them

javascript

jquery

ajax

greasemonkey