HTML要素が見つかりません

Question

お世話になります。

エクセルVBA初心者です。
VBAでchromeのwebスクレイピングをしようとしていますが、NoSuchElementErrorが出て上手くいきません。
どうやらbody > main > div > div > iframe > html > body > div > form > div > dl > dd > inputの要素が無いという事の様ですが、どうすれば上手く指定できるか分かりません。

初心者の質問で申し訳ありませんが、お教え頂けますと幸いです。
宜しくお願い致します。

コードは以下の通りです。
```VBA
Sub FXブロードネットログイン()

Dim driver As New ChromeDriver
Dim ky As New Keys

driver.Get "https://www.fxbroadnet.com/demo_exchange.jsp"

driver.Window.Maximize
      
Application.Wait (Now + TimeValue("00:00:3"))

driver.SendKeys (ky.Space)

Application.Wait (Now + TimeValue("00:00:3"))

driver.FindElementByCss("body > main > div > div > iframe > html > body > div > form > div > dl > dd > input").SendKeys "〇〇"

Application.Wait (Now + TimeValue("00:00:3"))

driver.FindElementByCss("Button").Click

Application.Wait (Now + TimeValue("00:00:10"))

driver.Close
Set driver = Nothing
   
End Sub
```

Accepted Answer

webスクレイピングなるものはやったことはないですが、ざっとコードを見る限り、指定した場所に要素が無いんでしょう😅（あとはiframeをまたいでいるのが怪しいかな？勘ですが👀）
パソコンはバカ正直ですよ！空気は全く読んでくれません😆

対象のHPにアクセスして、DOM構造をたどってみましたが、「ログインIDに値を挿入したい」というのがやりたいことなのでしょうかね？

まず一番気になったのは、「body > main > div...」とどんどん子要素をたどっている書き方👀
まぁ...完全に間違っているとは言いませんが、対象HPの構造が少し変わるだけでアウトになります（広告1個追加されるだけでアウトになる可能性も👀）。
CSSでも「>」を使う事はかなりまれです👀

せっかく`id`や`class`や`name`が指定されているのですからそれを使って指定するべきかと思います。
`#js-container .login-input input[name="loginId"]`（スペースの有無にもかなりの意味があるので注意！）
※詳しくは「CSS セレクタ」あたりで調べるとかなり出てきます。

ただ、やはり気になるのは`iframe`なんですよね😑
iframeは別のページを埋め込むときに使う物なので、`ChromeDriver`？が辿れるように出来ているのかどうか少し不安です。一番最初に指定しているURLのページとiframeの中のページのURLは別物ですからね👀

もし、それを検証したければ、質問者さんのコードの「body > main > ...」の所を右から1要素ずつ消して行ってみてください。iframeまでなら対象のエラーが出ない...なんて可能性もありますよ👀

iframeの中をどうしても参照できない...というのならiframeの参照先は「https://demo.fxtsys.com/fxtss/fxsysCall.jsp 」と書かれているので、そちらから参照すれば良いのかもしれませんね。

サイトの構造を詳しく見るときはGoogleChromeのデベロッパーツールで確認するのがお勧めですよ！

私はVBAからWeb参照をしたことはないので推測だけで話していますが、参考になれば幸いです😊

Answer

This error typically occurs when the element you're trying to locate does not exist or cannot be found in the HTML structure of the page.

To troubleshoot and specify the element correctly, you can follow these steps:

Verify the HTML structure: Inspect the web page using Chrome's Developer Tools or any other browser's developer tools. Ensure that the element you are trying to locate exists in the HTML structure as you specified in your code.

Check if the element is within an iframe: If the element you're targeting is within an iframe, you need to switch the driver's context to the iframe before interacting with the element. Use the SwitchTo method to switch to the desired iframe using its index, name, or ID. For example:

vba
driver.SwitchTo.Frame "iframe_name" ' Replace "iframe_name" with the actual name or ID of the iframe
Use a more specific CSS selector or XPath: If the element's CSS selector you provided doesn't work, try using a more specific CSS selector or XPath to locate the element. Inspect the HTML structure to identify unique attributes or parent elements that can help narrow down the selection. For example, you can try using:

vba
' Example using a more specific CSS selector
driver.FindElementByCss("div.form > dl > dd > input").SendKeys "〇〇"

' Example using XPath
driver.FindElementByXPath("//div[@class='form']//dl//dd//input").SendKeys "〇〇"
Use explicit waits: Introduce explicit waits to ensure that the element is fully loaded and accessible before interacting with it. You can use the Wait method or the WebDriverWait class. For example:

vba
' Example using Wait method
Application.Wait (Now + TimeValue("00:00:3")) ' Wait for 3 seconds

' Example using WebDriverWait
Dim wait As New WebDriverWait(driver, 10) ' Wait for a maximum of 10 seconds
Dim element As Object
Set element = wait.until(ExpectedConditions.ElementExists(By.CssSelector("div.form > dl > dd > input")))
By following these steps, you should be able to locate and interact with the desired element successfully. Remember to adjust the CSS selector or XPath as per the actual HTML structure of the web page you are scraping.

If you continue to encounter issues, please provide additional details about the specific error message or the HTML structure of the page, and I'll be happy to assist you further.

Thanks

関連した質問