我想单击名为 的按钮Envoi
,但找不到要使用的 id 来引用它getElementById("Envoi").click
。有没有其他方法可以做到这一点?
网站名称是: http: //famille-frappier.fr/
,按钮名称是Envoi
。
相关的html是:
<input type="button" value="Envoi">
我想单击名为 的按钮Envoi
,但找不到要使用的 id 来引用它getElementById("Envoi").click
。有没有其他方法可以做到这一点?
网站名称是: http: //famille-frappier.fr/
,按钮名称是Envoi
。
相关的html是:
<input type="button" value="Envoi">
使用纯 Javascript:
我看到了你的网站,你没有使用 jQuery,所以我的解决方案也没有使用它。
在你的情况下,你的按钮中没有 id 或 name,你只有值,所以你需要使用这个:
document.querySelector('input[value="Envoi"]').click()
如果你可以使用 jQuery,你可以做
$('input[value="Envoi"]').click();
要获取元素,您可以使用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;
}
}
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
}
好吧,如果你在控制台中输入这个,你会看到 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 - 这个简单的任务完全是多余的。
您可以使用document.getElementsByName()
来检索按钮。
var button = document.getElementsByName('Envoi');
button.click ();
我认为最简单的方法是使用 JQuery。
$('[name="Envoi"]').click();
只需下载 JQuery.js 并将其包含在页面中,上面的语句就可以工作。欲了解更多信息,请查看http://api.jquery.com