Webページのテキストボックス操作 nameもidも無くclassしかない

Question

前提・実現したいこと

あまりHTMLやJavaScriptをまだ理解できておらず申し訳ありません。
自動で他のWebサイトのテキストボックスの値を書き換えてボタンを押すプログラムを作ろうとしています。
VB.netで書いています。

発生している問題・エラーメッセージ

https://caro.blog.ss-blog.jp/2019-10-30

を参考に、WebViewでそのサイトを表示させるところまで成功しました。
書き換えようとするテキストボックスにはnameやidは無く

<div> <input class="input-default" placeholder="〇〇" value="" /> </div> としか書いていません。 classを指定するにはgetEkementsByNameの代わりにgetElementsByClassNameではないかと思ったのですが同じclass名はそのページにたくさんあり、どのようにしていしたらいいかよくわかりません。 どなたか、そのテキストボックスを指定するよい方法をご教示いただけないでしょうか？

該当のソースコード

VB.net
まず、試しに、テキストボックスの値を取得しようとしました。
Dim script As New System.Text.StringBuilder
Dim result As String = ""
script.AppendLine(String.Format("var result = document.getElementsByClassName('input-default').item(0).value;"))
WebView1.InvokeScript("eval", script.ToString())
MsgBox(result)

　しかし、resultには何も入りません。

試したこと

　より上位の、特定できるクラス名を入れても当然値は取れません。

補足情報（FW/ツールのバージョンなど）

VisualStudio2019　community　リンク先の条件を満たし、Microsoft .net Framework 4.6.2 , WindowsFormで作っています。

Comments

[退会済みユーザー]

WebView の使用は必須ですか？ WebBrowser でもレジストリの変更で IE11 レベルで動かすことはできますが。

html や javascript の知識が十分ではないとのことですが、であればそれらの知識はあまり必要とせず、かつネットでもドキュメントの多い WebBrowser を使ってはいかがですか？

[退会済みユーザー]

placeholder の設定値はユニークではないのですか？

[退会済みユーザー]

余計なお世話かもしれませんが大事なことを・・・

クローラを作って図書館のサイトにアクセスしたら業務妨害とかで逮捕されたという事例があります。アクセス先が他人のサイトなら許可を取ってからにした方がよさそうです。

[m.ts10806]

nameやid入れれば済む話では？
そもそもですがnameいれないとサーバーサイドで値とれなかったような。
入れられない理由があるのでしたら記載願います。

[m.ts10806]

>自動で他のWebサイトのテキストボックスの値を書き換えてボタンを押すプログラムを作ろうとしています。

許可とってないのでしたらやめたほうが良いと思います。

[Galax]

ありがとうございます。
これは孫請けの依頼で、直接の依頼が「edgeベースで」という指定なのでIE11ではうまくいかなかった事情があったと思われます。
placeholderの値はもしかしたら使えるかもしれません。
nameやidが入れられないのは他のサイトだからです。
この案件を調べているうちに「許可が得られそうにないからやめたほうがいいのではないか」とも思ったのですがいまさら「怪しいからやめます」とは言い難い状況です。

[退会済みユーザー]

質問者さん、上のコメントの後無言になってしまいましたが、この先どうするのでしょう？　placeholder の設定値を使って特定する話はどうなったのですか？　怪しいからやめるとか、特定できないからギブアップするとかいうことなら、その旨書いてこのスレッドはクローズしていただけませんか？　無言は NG です。

[Galax]

返信大幅に遅くなり申し訳ありません。この問題そのものはなんとか解決することができました。

Answer 1

いただいたアドバイスをもとに、
script.AppendLine(String.Format("select1.querySelectorAll('.XXX').item(0).value = x;"))
としたうえで、バックグラウンドで時間を稼いで

WebView1.InvokeScript("eval", script.ToString())
とすることでxの値が反映されることになりました。

Answer 2

querySelectorAll()やquerySelector()が使えるのでは、と思います。

例えば以下のHTMLでfooterの中の.input-defaultを指定したいとき

<header>
  <input class="input-default" placeholder="〇〇" value="" />
</header>
<main>
  <input class="input-default" placeholder="〇〇" value="" />
</main>
<footer>
  <input class="input-default" placeholder="〇〇" value="" />
</footer>

JavaScript側では以下のように記述することで、
jQueryやCSSのセレクタの感覚で、要素を特定して指定できます。

elms = document.querySelectorAll('footer .input-default');
alert(elms[0]);

参考:
https://developer.mozilla.org/ja/docs/Web/API/Document/querySelectorAll

Comments

[Galax]

ありがとうございます。試みてみます。

[Galax]

いただいたアドバイスをもとに
script.AppendLine(String.Format("select1.querySelectorAll('.XXX').item(0).value = x;"))
としたうえで、バックグラウンドで時間を稼いで
WebView1.InvokeScript("eval", script.ToString())
とするとxの値が反映されました。