SeleniumでWebElementのHTMLコード（innerHTML）を取得する方法を解説

Selenium WebDriverを使えば、Webページ上の任意の要素（WebElement）のHTMLコードを簡単に取得できます。その鍵となるのが、要素のinnerHTML属性です。

innerHTMLとは、要素の開始タグと終了タグの間に存在するコンテンツ（HTMLソース）を指す属性です。この値を取得するには、getAttributeメソッドを使用し、引数として「innerHTML」を渡します。

構文

String s = element.getAttribute("innerHTML");

例として、次のようなHTML要素を考えてみましょう。

<h4>You are browsing the best resource for <b>Online Education</b></h4>

この場合、h4要素のinnerHTMLは「You are browsing the best resource for <b>Online Education</b>」となります。つまり、タグ自体ではなく、タグの内側にあるテキストや子要素まで含めたHTMLが取得される点に注意してください。

実装例

以下は、JavaでSelenium WebDriverを使って実際にinnerHTMLを取得するサンプルコードです。

import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.By;
import java.util.concurrent.TimeUnit;
import org.openqa.selenium.WebElement;

public class HtmlCodeElement {
    public static void main(String[] args) {
        System.setProperty("webdriver.chrome.driver", "C:\\Users\\ghs6kor\\Desktop\\Java\\chromedriver.exe");
        WebDriver driver = new ChromeDriver();
        driver.manage().timeouts().implicitlyWait(5, TimeUnit.SECONDS);
        driver.get("https://www.tutorialspoint.com/index.htm");

        // 要素を特定
        WebElement l = driver.findElement(By.cssSelector("h4"));

        // getAttributeメソッドでinnerHTMLを取得
        String s = l.getAttribute("innerHTML");
        System.out.println("HTML code of element: " + s);

        driver.close();
    }
}

コードのポイント

• chromedriverのパス設定：System.setPropertyでChromeDriverの実行ファイルへのパスを指定します。
• 暗黙的待機：implicitlyWaitを設定することで、要素が見つかるまで最大5秒待機し、安定したテストを実現します。
• 要素の特定：By.cssSelector("h4")により、ページ内の最初のh4要素を取得しています。
• innerHTMLの取得：getAttribute("innerHTML")の戻り値を文字列として受け取り、コンソールに出力します。

実行結果

上記のコードを実行すると、コンソールに以下のように対象要素のHTMLコードが出力されます。

HTML code of element: You are browsing the best resource for <b>Online Education</b>

なお、タグを含まない表示用のテキストだけが必要な場合は「textContent」を、開始タグから終了タグまで要素全体のHTMLが必要な場合は「outerHTML」を引数に指定することでも同様に取得できます。用途に応じて使い分けると便利です。