【ライブラリ無しJS】開いているWebページ内のいくつかのボタンをクリックする

Question

やりたいこと

JavaScriptでライブラリを使わずに以下のものを実装したいです。

開いているWebページの中のいくつかのボタン（buttonタグ）をクリックする機能。
各ボタンはクリックすると新しいタブが開き、そのタブに移動します。

問題

タブが移動するためすべてのタグをクリックできません。
考えた解決策は２つです。

• 開始時に現在のタブの情報を取得し、クリック直後に取得したタブへ移動する
• 常に最初のタブがアクティブになるようにする（タブは非アクティブで開く）

ですが、どちらも実装のための情報が見つけられませんでした。

現在のコード(ブックマークレット）

javascript: (function() {
  lists = document.getElementsByClassName("list-page");
  for (j in lists) {
    btns = lists[j].getElementsByTagName("button");
    for (i in btns) {
      btns[i].click();
    }
  }
})();

Comments

[2KOH]

この質問内容では何を作ろうとしているのかさっぱりわかりません。
作ろうとしているものと同じような動作をするサイトを提示するか、図を使うかして説明してください。

[kurisan1623]

説明が下手ですみません。
要するに、「開いているWebページ内のいくつかのボタンをクリックする」機能をブックマークレットで実現したいということです。
各ボタンは押すと新しいタブを生成します。
例は出せません、ごめんなさい。

[2KOH]

このコメントでも何をしたいのかわからないままです。
自分では力になれそうにありません、ごめんなさい。

[x_x]

複数ウインドウ(タブ)を同時に開きたいということですかね？
ポップアップブロックに引っかかるのではないでしょうか？

[kurisan1623]

ポップアップブロックについてはブラウザ設定で無効にできるので大丈夫です。

Answer 1

.click() メソッドを呼んでいるだけです。
タブの開き方はそれぞれのスクリプトが行うことなので制御できません。

(function(){document.querySelectorAll('.list-page button').forEach(a=>a.click());})();

https://developer.mozilla.org/ja/docs/Web/API/NodeList/forEach

Comments

[kurisan1623]

教えていただコードでできました、ありがとうございます！