ここではHTML上での"id"がアクセス毎に変化するときの要素指定方法をご案内します。

表面上は同じ要素であっても、HTML上では要素を特定するためのidが毎回同じではなく変化するウェブページの場合、要素のセレクタを一度取得し一度目は動作しても、次回以降は動作しなくなるといったことが発生します。
このようなページの作りの場合には、 HTMLドキュメントのツリー構造をベースにして要素を特定する方法が有効な場合がございます。

①ウェブサイト上の任意の箇所を「右クリック」して「検証」を選択し、デベロッパーツールを起動します。

デベロッパーツールは以下のショートカットでも起動します。
Windows: 【 Ctrl + Shift + I 】 または【 F12 】
Mac: 【 Cmd + Option + I 】または【 F12 】

②Elementタブに切り替えます。

③Select an element in the page to inspect it ボタンを押下します。

④要素を取得したい対象箇所をクリックします。

⑤背景に色がついた部分を「右クリック＞Copy＞Copy full XPath」を選択してコピーします。

⑥クリップボードにコピーされた文字列を、テキストエディタなどに貼り付けて下記の置き換えを行う。

• 先頭の /html/ を削除
• "/" を " > " に置き換え
• "[" を ":nth-of-type(" に置き換え

• "]" を ")" に置き換え

上記の置き換えはこちらのページで簡単に行うことができます。

たとえば、以下のfull XPathはこのように置き換わります。

置き換え前：/html/body/main/div/div[1]/form/input[1]

置き換え後：body > main > div > div:nth-of-type(1) > form > input:nth-of-type(1)

⑦各アクション内「要素」（赤枠A）にペーストします。

使いたい要素は左側のトグル（青枠B）をONにしておきます。