[Python][1] Selenium 셀레니움 강좌 - id를 통해 요소 접근하기

안녕하세요. 쿠과자입니다.

이번에는 셀레니움에서, HTML(JS)의 태그를 id에 접근해

여러가지 행동을 하는 방법을 알아보겠습니다.

ID를 통해 요소 접근하기

먼저, 태그에 접근하기 위해서는

태그 id를 알아야 합니다.

크롬에서 F12를 눌러서 개발자 도구에 들어간 후

위의 사진처럼 빨간색 박스친 부분을 눌러봅시다.

그런후 여러가지 항목에 마우스 커서를 올려보면

위와 같이 무엇에 관한건지 캡처되어 설명이 나오는 걸 알수 있습니다.

저기같은 경우 입력(input)을 하는 부분이니 정상적으로 캡처됬네요.

한번 클릭을 해주시면

위 사진처럼 바로 그 요소에 해당한 부분까지 접근을 해줍니다.

여기에서 id="query"가 눈여겨 봐야 하는 부분입니다.

이를 통해서 접근을 할 것입니다.

#-*- coding: utf-8 -*- 
from selenium import webdriver
driver = webdriver.Chrome('C:/chromedriver.exe')
driver.get("http://naver.com")
elem1=driver.find_element_by_id("query")
elem1.send_keys("셀레니움")

3번째 라인 - 크롬 드라이버를 통해 크롬을 엽니다

4번째 라인 - 네이버에 접속합니다

5번째 라인 - id 중 query라는 이름을 가진 element(요소) 에 접근합니다.

6번째 라인 - 그 요소에서 "셀레니움"이라는 값을 send(전송) 해줍니다.

위처럼 query라는 아이디로 접근한다음에 send_key를 해주는 것을 알 수 있습니다.

실제로 테스트를 해보면, 크롬을 정상적으로 열고

셀레니움이라는 단어를 친다는 것을 알 수 있습니다.

동일한 방법으로, 버튼을 누르는것까지 구현해봅시다.

똑같은 버튼을 누르고, 검색 버튼에 마우스 커서를 올려 눌러봅시다.

이번엔 id가 search_btn이 되어있네요.

#-*- coding: utf-8 -*- 
from selenium import webdriver
 
driver = webdriver.Chrome('C:/chromedriver.exe')
driver.get("http://naver.com")
elem1=driver.find_element_by_id("query")
elem1.send_keys("셀레니움")
 
elem2=driver.find_element_by_id("search_btn")
elem2.click()

9번 라인 - serach_btn id를 가진 요소 찾기

10번 라인 - 그 요소를 클릭해주기

추가된 항목은 간단합니다.

마찬가지로 테스트 했을때 정상적으로 검색이 되는것을 알 수 있습니다.

↓ 공감♥ 버튼을 눌러주시면

블로거에게 힘이 됩니다!