Selenium の勉強メモ (xpath と css の配置)_html/css_WEB-ITnose

xpath と css の配置について簡単に説明します

理論的な知識はリストされません

ブログパークのホームページを使用してコードを直接添付することをお勧めします:

これは xpath です

 1 #!/usr/bin/env python 2 # -*- coding: utf_8 -*- 3  4 from learn_webdriver import Webdriver 5 from selenium import webdriver 6 from selenium.webdriver.common.action_chains import ActionChains 7 from time import sleep 8  9 browser_chrome = webdriver.Chrome(Webdriver.chrome())10 browser_chrome.get("http://www.cnblogs.com/")11 12 sleep(2)13 ActionChains(browser_chrome).move_to_element(browser_chrome.find_element_by_xpath(".//li[@id='cate_item_2']")).perform()14 # 鼠标悬停在左侧“编程语言”导航栏上15 browser_chrome.find_element_by_xpath(".//a[@href='/cate/python/']").click()16 sleep(2)17 browser_chrome.quit()

XPathは XML ドキュメントです 情報を検索するための言語

使用される関数は find_element_by_xpath です

xpath の式は次のとおりです:

....//li[@id='cate_item_2']li ノードと属性 id=cate_item_2

Expression	説明	Case
ノード名	ノード下のすべての子ノードを選択	body body下のすべての子ノード
/	ルートノードから選択	body/div すべての div body の下のノード ...
現在のノード		現在のノードの親ノード
@	属性を選択
	以下は css です 1 #!/usr/bin/env python 2 # -*- coding: utf_8 -*- 3 4 from learn_webdriver import Webdriver 5 from selenium import webdriver 6 from selenium.webdriver.common.action_chains import ActionChains 7 from time import sleep 8 9 browser_chrome = webdriver.Chrome(Webdriver.chrome())10 browser_chrome.get("http://www.cnblogs.com/")11 12 sleep(2)13 ActionChains(browser_chrome).move_to_element(browser_chrome.find_element_by_css_selector("li[id = 'cate_item_2']")).perform()14 # 鼠标悬停在左侧“编程语言”导航栏上15 browser_chrome.find_element_by_css_selector("a[href = '/cate/python/").click()16 sleep(2)17 browser_chrome.quit() css はより柔軟です	css で使用される関数は find_element です_by_css_selector