Selenium에서 WebElement의 HTML 코드를 가져오는 방법

Selenium WebDriver를 사용하면 웹 요소(WebElement)의 HTML 코드를 손쉽게 확인할 수 있습니다. 핵심은 innerHTML 속성을 활용하는 것으로, 이를 통해 해당 웹 요소의 HTML 내용을 그대로 얻어낼 수 있습니다.

innerHTML은 웹 요소가 가진 속성 중 하나로, 시작 태그와 종료 태그 사이에 존재하는 모든 콘텐츠를 의미합니다. 이 값을 가져오기 위해서는 getAttribute 메서드를 사용하며, 인자로 'innerHTML'을 전달하면 됩니다.

문법(Syntax)

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

예를 들어 아래와 같은 HTML 코드가 있는 요소가 있다고 가정해 보겠습니다. 이 요소의 innerHTML 값은 <You are browsing the best resource for <b>Online Education</b>이 됩니다.

예제 코드(Example)

다음은 Java로 작성된 실제 구현 예제입니다. ChromeDriver를 통해 페이지에 접속한 뒤, CSS 선택자로 h4 요소를 찾아 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();
    }
}

실행 결과(Output)

위 코드를 실행하면 콘솔에 해당 웹 요소의 HTML 코드가 출력됩니다. 이처럼 getAttribute 메서드와 innerHTML 속성을 조합하면 별도의 추가 라이브러리 없이도 특정 요소의 내부 HTML 구조를 간편하게 확인할 수 있어, 디버깅이나 DOM 구조 분석 시 매우 유용하게 활용됩니다.