我们从哪里来

类别:历史军事 作者:aqiang1字数:692更新时间:23/02/14 21:24:48
1 常见标签
标签语言,常见的标签有:
a: 超链接
img: 图片
input:输入框、文件上传
button:按钮
select:下拉框
iframe:窗体
p:文字
。。。。。
2 标签语法
页面元素 == 标签
标签的基本格式:
标签还有另一种简单的写法
3 需要注意的的点
页面元素是在视觉上有欺骗效果
css提供元素样式,但元素定位时,我们关键是看标签的名字。
属性和text的区别
尖括号外面的是text,尖括号里面的是属性
元素定位,就等于定位页面标签
二 页面元素定位详解
1. ID元素定位
基于元素属性中的id的值来进行定位,id是一个标签的唯一属性值,可以通过id属性来唯一定位一个元
素,是首选的元素定位方式,动态ID不做考虑。
2. name元素定位
基于元素属性中的name的值来进行定位,但name并不是唯一的,很可能会出现重名。
<tagName attribute1="xxxx" attribute2="www">text</tagName>
<tagName1 attribute1="xxxx" attribute2 />
driver.find_element_by_id('id')
driver.find_element(By.ID, 'id')
华测-展昭出品
3. class_name元素定位
基于元素class样式来定位,非常容易遇到重复的,这个方法的参数只能是一个class值,列如:class属
性有空格隔开两个class的值时,只能选取其中一个进行定位。
4. tag_name元素定位
通过元素的标签名来定位元素,如:input标签、span标签;标签名来进行定位元素,重复度最高,只
有在需要定位后进行二次筛选的情况下使用。
···
driver.find_element_by_tag_name('tag_name')
driver.find_element(By.TAG_NAME, 'tag_name')
···
5. css_selector元素定位
css可以通过元素的id、class、属性、子元素、后代元素、index、兄弟元素等多种方式进行元素定位.
5.1通过ID定位,如:input id="kw"
5.2 通过class定位,如:input class="is_put"
5.3 通过属性定位,如:input name="kw"
5.4 通过子元素定位
与xpath不同,css中用">"右箭头代表子元素,而xpath中用的"/"单斜杠表示
driver.find_element_by_name('name')
driver.find_element(By.NAME,'name')
driver.find_element_by_class_name('class_name')
driver.find_element(By.CLASS_NAME,'class_name')
driver.find_element_by_css_selector('div#kw')
driver.find_element(By.CSS_SELECTOR, 'div#kw')
driver.find_element_by_css_selector('input.is_put')
driver.find_element(By.CSS_SELECTOR, 'input.is_put')
driver.find_element_by_css_selector('input[name=kw]')
driver.find_element(By.CSS_SELECTOR, 'input[name=kw]')
driver.find_element_by_css_selector('div#kw>a')
driver.find_element(By.CSS_SELECTOR, 'div#kw>a')