是否可以使用.click()来单击此按钮

Is it possible to click this button with .click()?

本文关键字：单击 按钮 可以使 click 是否      更新时间：2023-09-26

我正试图找出一种方法来点击这个与JavaScript的.click() 

<input type="button" class="button" value="Test">

是否有一种方法可以使用给定的属性，或者我需要添加更多(Id或Name)，以便我可以使用getElementby ?

您可以使用getElementsByTagName("input")来查找具有button属性类型的项目，但是您最好使用id属性来获取它。

随口而出

var buttons = document.getElementsByTagName('input');
for (var i = 0; i < buttons.length; i++) {
   if ((i.type == 'button') && (i.className == 'button') && (i.value == 'Test')) {
       i.click();
       break;
   }
}

在按钮上添加ID肯定会更容易，所以你可以简单地使用/do:

<input id="mybutton" class=... ...>
document.getElementById('mybutton').click();

如果你在你的HTML中添加一个id属性，你会省去很多麻烦。

然后你可以简单地做:

document.getElementById('mybutton').click();

和null检查:

var element = document.getElementById('mybutton');
if(element != null)
{
    element.click();
}

我认为最简单的方法是添加一个id。一种替代方法是获取所有DOM元素，然后对它们进行搜索，直到找到具有确切值的元素，但这是大量不必要的工作。

当然可以通过使用现有属性检索元素，但这取决于表单中还有哪些其他按钮。在这些情况下，使用指定的id总是一个好主意。

即使使用jQuery与$("#yourid").click()总是一个好主意。

`<input type="button" class="button" value="Test" id="btnTest">`
`<input type="button" class="button" value="Test" id="clickTest" onclick="myClick()">`
function myClick()
{
btnTest.click();
}
相关文章：