javascript - IDがないボタンをクリックするにはどうすればよいですか？

Question

名前の付いたボタンをクリックしたいのですがEnvoi、を使用して参照するIDが見つかりませんgetElementById("Envoi").click。これを行う他の方法はありますか？

Webサイト名はhttp://famille-frappier.fr/ で、ボタン名はEnvoiです。

そして、関連するhtmlは次のとおりです。

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

Answer 1

純粋な Javascript の場合:

あなたのサイトを見ましたが、あなたは jQuery を使用していないため、私のソリューションでもそれを使用していません。

あなたの場合、ボタンにIDや名前がなく、値しかないので、これを使用する必要があります:

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

Answer 2

jQueryを使用できる場合は、次のことができます

$('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 ();

これが例です

Answer 7

私の意見では、最も簡単な方法は JQuery を使用することです。

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

JQuery.js をダウンロードしてページに含めるだけで、上記のステートメントが機能します。詳細については、http://api.jquery.comを参照してください。