Javascript 按其值选择一个按钮并单击它

如何根据按钮的值选择按钮并在Javascript中单击它

我已经在JQuery中找到了它：

$('input [type = button] [value = my task]');

我的按钮HTML代码是：

<button type="submit" value="My Task" id="button5b9f66b97cf47" class="green ">
<div class="button-container addHoverClick">
    <div class="button-background">
        <div class="buttonStart">
            <div class="buttonEnd">
                <div class="buttonMiddle"></div>
            </div>
        </div>
    </div>
    <div class="button-content">Lancer le pillage</div>
</div>

JS中的等价物是什么？我如何单击它 可能是这样的：buttonSelected.click

我如何运行点击按钮的javascript

在这种情况下，以类似的方式使用JavaScripts querySelector是有效的

document.querySelector('input[type="button"][value="my task" i]')

编辑

您可以将所选内容保存在变量中，并将eventListener附加到该变量。这将按照您的愿望工作

注意event.preventDefault-函数，如果这是表单的一部分，它将阻止默认发送操作，您应该手动触发发送表单。事件变量itselfs包含有关单击事件的对象

您可以尝试：

  var elements = document.querySelectorAll("input[type = button][value=something]");

请注意，querySelectorAll返回数组，因此要获取元素，应使用索引对返回数组的第一个元素进行索引，然后单击：

  elements[0].click()

要添加事件侦听器，您可以执行以下操作：

  elements[0].addEventListener('click', function(event){
     event.preventDefault()
      //do anything after button is clicked
  })

不要忘了在html中向button元素添加onclick属性，以便在javascript代码中使用事件对象调用等效函数。然后点击

您的HTML有一个按钮而不是输入元素，所以我更改了选择器以匹配HTML

let button=document.querySelector'button[value=my task]； 按钮。点击； 发射

---

我不推荐这种方式，因为您的编码太多了，但正如您所提到的，下面是等效的方式

$document.readyfunction{ var selectedbuttonValue=2；//在此处更改值以查找该按钮 var buttonList=document.getElementsByClassNamebtn 对于i=0；ijQuery有一个方法，可以为您单击您已经使用过的方法。那不管用吗？buttonSelected.clickuse选择它。你好，谢谢，我更新了我的帖子。你能告诉我为什么当我点击button时，它没有运行按钮的javascript，我该怎么做才能使它工作？我已经为你更新了答案，告诉我它是否工作你好，谢谢，我更新了我的帖子，你能告诉我为什么当我点击button时它不会运行按钮的javascript吗？我该怎么做才能使它正常工作？据我所知，你试图触发一个自定义事件按钮点击窗口对象。但如果没有该自定义事件的处理程序，则不会发生任何事情。你能解释一下你到底想做什么吗？我正在为一个网站建立一个扩展，我想让我的扩展用我的任务值点击按钮，然后它运行按钮的javascript，即网站上的javascript。如果按钮的点击事件有一个事件处理程序，它将执行它。您在示例中使用的单击事件是：函数{jQuerywindow.trigger'buttonClicked'，[this，{…}]；}；这将触发带有所有参数的自定义事件“buttonClicked”。可以先尝试绑定一些简单的东西，比如警报“test”，并在触发单击时查看代码是否运行？请查看我的最新编辑。我使用了绑定到click事件的方式，代码正在执行。可能您绑定到click事件的代码有问题，或者您试图在绑定处理程序之前触发click。按钮选择似乎不起作用。我试了一下按钮；它显示为NULL这正常吗？对不起，我输入了[value=my task]-attr of selection。请再试一次。@DorianGrn在您的示例中似乎是您编写了我的任务，所以很可能是因为区分大小写。只需更改值以匹配您的元素。这里有一个虚拟的代码沙盒示例，我做了，但它不适用于。我真的不明白。你检查过CodeSandbox上的示例代码了吗？您可以使用[value=my task i]实现incasesensitive css选择

  elements[0].click()

  elements[0].addEventListener('click', function(event){
     event.preventDefault()
      //do anything after button is clicked
  })