Javascriptでボタンをクリックさせる

javascript01

Chrome拡張機能のAutomaで、ReactのDraft.jsエディタのボタンをクリックさせるのに、要素のIDが都度生成されてしまい、CSSでの指定が出来ず、Click element ブロックが使えない場合がある。

 

この場合、Javascriptブロックを使ってクリックさせなければならなかったのでメモ。

 

const buttons = document.querySelectorAll('button[type="button"]');
let clicked = false;

buttons.forEach(button => {
  if (button.textContent.trim() === '投稿する') {
    button.click();
    console.log('投稿ボタンをクリックしました。');
    clicked = true;
  }
});

if (!clicked) {
  console.warn('「投稿」ボタンが見つかりませんでした。');
}

 

const buttons = document.querySelectorAll('div[role="button"]');
let clicked = false;

buttons.forEach(button => {
  if (button.textContent.trim() === '投稿') {
    button.click();
    console.log('投稿ボタンをクリックしました。');
    clicked = true;
  }
});

if (!clicked) {
  console.warn('「投稿」ボタンが見つかりませんでした。');
}