4

javascript を使用して、ID、値、クラス、または名前のないボタンを「クリック」するにはどうすればよいですか?

ボタンに関連するコードは次のとおりです。

<div class="classname anotherclassname" title="">
    <div>
        <button type="submit"><i class="anotherclass anotherclassname"></i>ImAButton</button>
    </div>
</div>

私がこれまでに持っているものの例を挙げたいと思います。これは、ここでのスタックオーバーフローでの単に良いエチケットであることはわかっていますが、どこから始めればよいかさえわかりません。私が現在JavaScriptを使用してボタンをクリックする方法を知っている唯一の方法は、これを使用することです:

document.getElementById("myButtonId").click();

そして、それはここでは当てはまりません。

4

2 に答える 2

10

最新のブラウザーと IE8 以降のみをサポートすることに問題がない場合は、 を使用document.querySelectorAllして要素を選択できます。このボタンがページ上の送信タイプの唯一のボタンである場合、次のようにすることができます。

document.querySelectorAll("button[type='submit']")[0].click();

querySelectorAll は有効な CSS セレクターを受け取ります (IE8 は CSS2 セレクターのみをサポートします)。したがって、選択をより具体的にする必要がある場合は、CSS セレクターの場合と同様に、セレクターをより具体的にすることができます。たとえば、次のようなものです。

document.querySelectorAll(".classname button[type='submit'"])[0].click();
于 2013-04-10T11:58:03.073 に答える
2

を使用して、ページ上のすべてのボタンを取得できます

buttons = document.getElementsByTagName('button');

document.getElementsByTagName('button')[0].click();

最初のボタンをクリックする可能性があります。

于 2013-04-10T11:59:36.813 に答える