from selenium.webdriver.common.by import By
from selenium import webdriver

import time

#打开谷歌浏览器，与浏览器建立了会话。

#driver变量=会话。

driver=webdriver.Chrome()

driver.get("https://www.elong.com/")#这行代码执行后，会等到页面加载得差不多了再去执行下一行代码。

#get()这个功能是会等到页面加载完成的。

#有的时候页面加载出来了，但是渲染的方式有些慢。

#所以我还想等1秒也是可以的。

time.sleep(1)
#查找元素通过xpath定位方式。

ele=driver.find_element(By.XPATH,'//input[@data-bindid="city"]')#定位到目的地的输入框，将刚才在写好的表达式复制过来。
ele= 我找到的元素
点击操作 -- 点击目的地输入框，弹出城市选择框。
ele.click()

time.sleep(2)#运行这行代码后会停留2秒，然后再去运行下一行代码。

#因为接下来要操作的元素，是动态出现的（不是一开始访问网站就有的，而是你做了一个动作让人家动态的出现了）。

#它是需要时间呈现在页面上的。这个时间就需要你来等一等了。等一等网页，再去找这个元素去操作。
#输入操作 --ele.send_keys("输入操作")
获取它的属性-- ele.get_attribute("属性名称")
#获取它的文本内容-- ele.text
#选择热门城市当中的广州

driver.find_element(By.XPATH,'//li[@title="广州"]').click()

time.sleep(1)#加上等待时间。sleep时间不宜太长，7秒8秒，这个时间就太长了。

#没加等待时间的时候运行代码，会发现操作太快了，且没有选择到对应的日期。
#选择入住日期

ele=driver.find_element(By.XPATH,'//input[@data-bindid="checkIn"]')

ele.clear()   #输入日期前，先清空输入框的内容。

ele.send_keys("2022-05-27")
time.sleep(1)#每个操作间都加了等待时间。
'''

输入日期后，日期框没有消失，得让日期框消失。点击除了它以外的其它元素

（选一个页面固定的元素，那就点击目的地这个元素），

日期框就能消失了。再去处理下一个元素。不然日期框会挡住别的元素。

接下来点击搜索，搜索按钮被这个日期框遮住了。就会影响你的操作效果。

所以我是根据页面的特征习性来处理的。

'''
#把弹出的日期选择框关掉。

driver.find_element(By.XPATH,'//div[@id="domesticDiv"]//dt[text()="目的地"]').click()
选择退房日期
ele=driver.find_element(By.XPATH,'//input[@data-bindid="checkOut"]')

ele.clear()

ele.send_keys("2022-05-30")#输入日期

time.sleep(1)

driver.find_element(By.XPATH,'//div[@id="domesticDiv"]//dt[text()="目的地"]').click()

time.sleep(1)
ele=driver.find_element(By.XPATH,'//input[@data-bindid="allInOne"]')

ele.clear()

ele.send_keys("喜悦门酒店(广州融创文旅城店)")

time.sleep(1)

driver.find_element(By.XPATH,'//div[@id="domesticDiv"]//dt[text()="目的地"]').click()

driver.find_element(By.XPATH,'//span[@data-bindid="search"]').click()

time.sleep(1)

driver.find_element(By.XPATH,'//span[@title="喜悦门酒店(广州融创文旅城店)"]').click()

time.sleep(3)

driver.quit()#退出相关驱动，关闭所有窗口。