質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

1回答

222閲覧

input数やidが、ページを開く度に変わるサイトの要素を取得したい。

RisingHisa

総合スコア1

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

1クリップ

投稿2023/05/17 06:15

実現したいこと

仕事場で使用している作業ログを記入するサイトで、ブックマークレットを使用して定型文を指定したボックスに入力したいのですが、入力されている項目に応じて、inputの数が変わります。また、idもランダムに振り分けられてしまいます。

前提

サイトの構造上の問題かと考えますが、
document.getElementById('hoge');
では、nullが返ってくるため、
var doc = document.querySelector('html');
var InputElm = doc.querySelectorAll('input');
を使用して、input内の要素を抜き出すことに成功しました。

ですが、input数が毎回変わってしまうため、
事前に取得したい要素が含まれる配列番号が13番目とわかっていれば
InputElm[13].value で取得することができますが、
ランダムの場合はどうすればよいか不明です。

試したこと

fullxpathで抜き出そうと考えましたが、
そもそも
document.getElementById('hoge');
では、nullが返ってくるため、
var doc = document.querySelector('html');
var InputElm = doc.querySelectorAll('input');
を使用してようやく参照できるページのため、
参照方法がわかりません。

取得したいfullxpathは

/html/body/div[4]/div[2]/div[2]1/div[2]/div/div[2]/div/div/div/records-modal-wc-detail-panel-wrapper/ records record-layout-event-broker/slot/
records-Iwc-detail-panel/records-base-record-form/div/div/div/div/records-Iwc-record-layout/ forcegenerated-detailpanel_smoc__ox_obj_incident__c ___012000000000000aaa__full__edit__record layout2/records-record-layout-block/slot/records-record-layout-section[3]/ div/div/div/slot/
records-record-layout-row [4]/slot/records-record-layout-item/div/span/slot/records-record-layout-base-input/lightning-input/div/div/input

となっております。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2023/05/17 07:05

なんの法則性もないのですか? ターゲットにしたい要素でも良いですが ミニマムでもhtml含めたコードを提示されたほうがアドバイス得やすくなるかもしれません
guest

回答1

0

構造や上位の要素についたクラスなどを利用してセレクタをつくればよいでしょう

投稿2023/05/17 06:31

yambejp

総合スコア114839

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問