文章目录
- 操控元素的基本方法
- 点击元素
- 输入框
- 获取元素信息
- 获取元素的文本内容
- 获取元素属性值
- 获取整个元素对应的HTML
- 获取输入框里面的文字
- 获取元素文本内容2
- 补充练习: QQ音乐
操控元素的基本方法
选择到元素之后, 我们的代码会返回元素对应的 WebElement 对象, 通过这个对象, 我们就可以 操控 元素了.
操控元素通常包括:
- 点击元素
- 在元素中输入字符串, 通常是对输入框这样的元素
- 获取元素包含的信息, 比如文本内容, 元素的属性
点击元素
点击元素 非常简单, 就是调用元素 WebElement 对象的 click 方法. 前面已经有说过.
这里我们要补充讲解一点:
当我们调用 WebElement 对象的 click 方法去点击元素的时候, 浏览器接收到自动化命令, 点击的是该元素的 中心点 位置.
例如, 对于下面这样的一个元素:
我们要点击 添加客户 这个按钮, 既可以点击 右边对应的绿色框子中的button元素, 也可以点击红色框子中的span元素.
因为这两个元素的中心点都是button内部, 所以都是有效的点击区域.
输入框
输入字符串 也非常简单, 就是调用元素 WebElement 对象的 send_keys()方法.
如果我们要把 输入框中已经有的内容清除掉, 可以使用 WebElement 对象的 clear()方法.
请大家点击打开这个网址
并且按F12，观察HTML的内容
我们要写一个自动化程序：要求在输入框中填入姓名：安然无虞
而且要做到输入框中已经有的提示字符，需要先清除掉
代码如下:
element=wd.find_element(By.ID,'input1')element.clear()# 清除掉输入框中已有的字符串element.send_keys('安然无虞')获取元素信息
获取元素的文本内容
我们已经知道, 通过 WebElement 对象的 text 属性, 可以获取元素展示在界面上的文本内容.
比如:
element=wd.find_element(By.ID,'animal')print(element.text)获取元素属性值
通过 WebElement 对象的 get_attribute 方法来获取元素的属性值.
比如要获取元素属性class的值, 就可以使用 element.get_attribute(‘class’),
如下:
element=wd.find_element(By.ID,'input_name')print(element.get_attribute('class'))执行完自动化代码, 如果想关闭浏览器窗口, 可以调用 WebDriver 对象的quit()方法, 像这样 wd.quit().
获取整个元素对应的HTML
要获取整个元素对应的HTML文本内容, 可以使用 element.get_attribute(‘outerHTML’)
如果只是想获取某个元素 内部 的HTML文本内容, 可以使用 element.get_attribute(‘innerHTML’)
获取输入框里面的文字
对于input输入框的元素, 要获取里面的输入文本, 用text属性是不行的, 这时可以使用:
element.get_attribute(‘value’)
比如:
element=wd.find_element(By.ID,'input1')print(element.get_attribute('value'))# 获取输入框里的文本获取元素文本内容2
通过 WebElement 对象的 text属性, 可以获取元素 展示在界面上的 文本内容.
但是有时候, 元素的文本内容没有展示在界面上, 或者没有完全展示在界面上. 这时, 用 WebElement对象的text属性 来获取文本, 就会有问题.
遇到上面这种情况时, 可以尝试使用 element.get_attribute(‘innerText’), 或者 element.get_attribute(‘textContent’)
使用 innerText 和 textContent 的区别是, 前者只显示元素可见文本内容, 后者显示所有内容 (包括display属性为none的部分)
具体可以参考这里
注意: 了解前端开发的同学可以知晓一下:
get_attribute 调用本质上就是调用 HTMLElement 对象的属性
比如:
element.get_attribute(‘value’)等价于js里面的 element.value
element.get_attribute(‘innerText’)等价于js里面的 element.innerText
补充练习: QQ音乐
打开qq音乐， https://y.qq.com/n/ryqq/toplist/27
找出其中排名上升的歌曲（序号右边有上升箭头图标的）和演唱者
打印出来，打印格式如下：
孤独 ： G.E.M. 邓紫棋 Lovesick Girls ： BLACKPINK 落幕人 ： 任然 幸存者 ： 林俊杰 刁钻 ： 任然注意：界面有时会弹出广告框，可以先手动关闭掉，防止其影响自动化爬取信息
参考答案:
fromseleniumimportwebdriverfromselenium.webdriver.common.byimportBy wd=webdriver.Chrome()wd.implicitly_wait(5)wd.get('https://y.qq.com/n/ryqq/toplist/27')elements=(wd.find_element(By.CLASS_NAME,'songlist__list')).find_elements(By.TAG_NAME,'li')#所有歌曲forelementinelements:rank=(element.find_element(By.CLASS_NAME,'songlist__rank')).find_element(By.TAG_NAME,'i')# 这个判断非常好, 注意使用ifrank.get_attribute('class')=='icon_rank_up':song=element.find_element(By.CLASS_NAME,'songlist__songname_txt')#上升 歌曲名name=element.find_element(By.CLASS_NAME,'songlist__artist')#上升 歌手名print(f'{song.text:20}：{name.text}')
