ボタンクリックのブックマークレットの作成方法

Question

<a class="kitene_send_btn__text_wrapper" href="javascript:void(0);" onclick="registComeon(41727785)"> <img class="kitene_send_btn__text_img" src="/img/renew_spgirl/icon/kitene_heart.svg"> <span class="kitene_send_btn__text">キテネを送る</span> </a>

↑のコードのボタンをクリックするブックマークレットを作成したいのですが、作成方法がいまいちよく理解出来ないので
ご教授お願い致します。

javascript:(function() {document.getElementsByName("submit_regist")[0].click();})();
↑別で使っているクリックのコードなのですが、これを使用してＮameとかを変えてみても反応が全くなく、お手上げの状態です。
宜しくお願いいたします。

Answer 1

その要素には name 属性がないので getElementsByName() は使えません。document.querySelector(セレクタ).click() にしましょう。
セレクタは、Google Chrome の場合は開発者ツールで目的の要素を右クリクして Copy → Copy selector で得ることができます。

Comments

[taka1215]

javascript:(function(){document.querySelector('#recommendation_member > a > div.kitene_send_btn_wrapper > div.kitene_send_btn.js-kitene_send_btn.js-regist_comeon_41727785.active > object > a').click()})()

ご返答ありがとうございます。
上記のコードでいけました。
加えての質問で申し訳ございません。
同ページに同じようなボタンが複数あるのですが、それを一括でクリックしたいのですが
それは可能なのでしょうか？

[int32_t]

可能です。
元の質問の範囲外なので、詳細を知りたい場合は新しい質問を立ててください。

[taka1215]

javascript:(function(){document.querySelector(`a.kitene_send_btn__text_wrapper`).click();})()
↑さらに省略したコードになりますが、こちらだと一番上にあるボタンしかクリックされない状態です。

[taka1215]

かしこまりました。
一旦ベストアンサーで終了させていただきまして
新しく質問を立てたいと思います。
ありがとうございます。

[taka1215]

別途で質問を立てましたので、
宜しければお願い致します。