Question

我想点击名为Envoi的按钮，但我找不到使用getElementById("Envoi").click引用它的ID。还有其他办法吗？

网站名称为：http://famille-frappier.fr/ 按钮名称为Envoi。

相关的html是：

<input type="button" value="Envoi">

Answer 1

如果您可以使用jQuery，那么

$('input[value="Envoi"]').click();

Answer 2

使用纯Javascript：

我看到了你的网站，你没有使用jQuery，所以我的解决方案也没有使用它。

在您的情况下，您的按钮中没有ID或名称，您只有值，所以您需要使用它：

document.querySelector('input[value="Envoi"]').click()

Answer 3

要获取元素，您可以使用document.getElementsByTagName()获取所有元素，然后遍历它们以找到您感兴趣的元素：

var elements = document.getElementsByTagName("input");
var envoi;
for (var i in elements) {
    if (elements[i].getAttribute && elements[i].getAttribute("value") == "Envoi") {
        envoi = elements[i];
        break;
    }
}

Answer 4

var els = document.getElementsByTagName("input");
for(var i=0; i<els.length; i++){
  if(els[i].value=='Envoi') //do something with els[i], thats your button
}

Answer 5

好吧，如果你在控制台中键入它，你会看到Envoi这个词。

document.getElementById('nav_554').getElementsByTagName('input')[0].value

因此，您可以使用表达式附加单击事件侦听器。或者当然，您只需将onclick属性添加到按钮本身即可。

在控制台中输入的代码会将一个函数附加到该按钮：

document.getElementById('nav_554').getElementsByTagName('input')[0].addEventListener('click', function(){alert("you clicked me");}, false);

不需要jQuery - 对于这个简单的任务完全过度。

Answer 6

您可以使用document.getElementsByName()检索按钮。

var button = document.getElementsByName('Envoi');
button.click ();

Here's an example

Answer 7

我认为最简单的方法是使用JQuery。

$('[name="Envoi"]').click();

只需下载JQuery.js并将其包含在页面中，上述语句即可运行。有关详细信息，请查看http://api.jquery.com

如果没有ID，我怎么能点击按钮

7 个答案: