Web自动化css选择器定位法实现

#案例：css选择器定位法
from selenium import webdriver # 导入webdriver包
import time

driver=webdriver.Chrome()

driver.maximize_window() # 最大化浏览器
driver.implicitly_wait(30)

driver.get("http://oss.52studyit.net/webzdh/zucea.html")

#演示id定位法#id名
# ele_userA=driver.find_element_by_css_selector("#userA")
# ele_userA.send_keys("张三")

##演示：class定位.class名
# ele_telA=driver.find_element_by_css_selector(".telA")
# ele_telA.send_keys("13760453683")

##演示：标签名定位标签名
# ele_useA=driver.find_element_by_css_selector("input")
# ele_useA.send_keys("张三")

##演示：属性定位：类似[href] 标签名[属性名]
# ele_userA=driver.find_element_by_css_selector("input[name]")
# ele_userA.send_keys("张三")

##演示：属性定位：类似[href='xxx'] 标签名[属性名=属性值]
# ele_userA=driver.find_element_by_css_selector("input[name='userA']")
# ele_userA.send_keys("张三")

#演示：属性定位：类似[href^='xxx'] 以什么开头
# ele_reg=driver.find_element_by_css_selector("button[title^='加入']")
# ele_reg.click()

#演示：属性定位：类似[href$='xxx'] 以什么结尾
# ele_reg=driver.find_element_by_css_selector("button[title$='会员A']")
# ele_reg.click()

#演示：属性定位：类似[href*='xxx'] 包含内容
# ele_pwd=driver.find_element_by_css_selector("input[name*='word']")
# ele_pwd.send_keys("123456")

#演示：分组定位标签名，
# eles=driver.find_elements_by_css_selector("input,a")
# ele_email=eles[3]
# ele_email.send_keys("851286894@qq.com")

#演示：子代选择器的使用
# ele_userA=driver.find_element_by_css_selector("p#p1 > input[id='userA']")
# ele_userA.send_keys("张三")

#演示：后代选择器的使用！
ele_reg=driver.find_element_by_css_selector("div#zc button[title='加入会员A']")
ele_reg.click()

##演示：同辈相邻兄弟: a + b
# ele_pwd=driver.find_element_by_css_selector("p#p1 + p > input")
# ele_pwd.send_keys("123456")

##演示：同辈兄弟：a ~ b
# eles=driver.find_elements_by_css_selector("p#p1 ~ p")
# ele_p3=eles[2]
# ele_email=ele_p3.find_element_by_css_selector("input")
# ele_email.send_keys("851286894@qq.com")

#演示：:nth-child(N)
ele=driver.find_element_by_css_selector("div#zc > fieldset >p:nth-child(4) >input")
ele.send_keys("13760453683")

time.sleep(5)
driver.quit() # 关闭并退出浏览器

Web自动化css选择器定位法实现相关推荐

好程序员web前端CSS选择符（选择器）:表示要定义样式的对象
好程序员web前端CSS选择符(选择器):表示要定义样式的对象 1) 元素选择符/类型选择符(element选择器 ) 如:div{width:100px; height:100px; backgro ...
地图选择器怎么用_简易数据分析 15 | Web Scraper 高级用法——CSS 选择器的使用....
[ 这是简易数据分析系列的第 15 篇文章 ] 年末事情比较忙,很久不更新了,后台一直有读者催更,我看了一些读者给我的私信,发现一些通用的问题,所以单独写篇文章,介绍一些 Web Scraper 的进 ...
web day03 CSS基本概念选择器
一. CSS的基本概念 (使用CSS让单调的HEML网页更富表现力:文档体积小,便于搜索,可读性好分层思想HTML+CSS 结构和表现分离 ,易于维护和管理) CSS的基本概念:CSS是层叠样式表( ...
Web全栈~06.CSS选择器
Web基本笔记~06.CSS选择器上一期关系选择器后代选择器定义选择所有被 E 元素包含的 F 元素,中间用空格隔开语法 E F{ } 例子 <html><head> ...
Web前端开发笔记——第三章 CSS语言第二节 CSS选择器
目录前言一.CSS选择器 (一)标签选择器 (二)id选择器 (三)类别选择器二.针对标签的选择器嵌套三.集体声明和全局声明 (一)集体声明 (二)全局声明结语前言 CSS代码由选择器和一 ...
Web前端开发——CSS样式之CSS选择器
1. CSS选择器类型 css选择器可分为标签选择器.类别选择器.ID选择器,这里的三种类型主要针对内嵌样式和单独文件样式而言 1.1 标签选择器 1.1.1 测试代码 <!DOCTYPE ht ...
web前端入门到实战：css选择器四大类：基本、组合、属性、伪类
什么是选择器?选择器的作用是通过它可以找到元素,把css样式传递给元素!css选择器主要分为:基本选择器.属性选择器.组合选择器与伪类选择器四个大类! css基本选择器基本选择器又分为:通配符.标签 ...
Web——CSS选择器类型
一.什么是CSS? 在设计网页时采用CSS技术,可以有效地对页面的布局.字体.颜色.背景和其他效果实现更加精确的控制二.编辑CSS的方式有哪些? 编辑CSS主要有两种方式: 1.写在HTML文件里的 ...
什么是css选择器？css3中5种常见的基本选择器-web前端教程
本章我们给大家讲解一下什么是css选择器?css3中5种常见的基本选择器.有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 一:什么是css选择器? CSS是一种用于屏幕上渲染html, ...

Web自动化css选择器定位法实现

Web自动化css选择器定位法实现相关推荐

最新文章

热门文章