2.32 js几种定位方法总结

前言
本篇总结了几种js常用的定位元素方法，并用js点击按钮，对input输入框输入文本

一、以下总结了5种js定位的方法
除了id是定位到的是单个element元素对象，其它的都是elements返回的是list对象
1.通过id获取
document.getElementById(“id”)
2.通过name获取
document.getElementsByName(“Name”)

返回的是list

3.通过标签名选取元素
document.getElementsByTagName(“tag”)
4.通过CLASS类选取元素
document.getElementsByClassName(“class”)
兼容性：IE8及其以下版本的浏览器未实现getElementsByClassName方法
5.通过CSS选择器选取元素
document.querySelectorAll(“css selector")
兼容性：IE8及其以下版本的浏览器只支持CSS2标准的选择器语法

二、id定位
1.定位博客首页的管理按钮：id="blog_nav_contact"

2.js的定位语法里面id定位获取的是单个元素对象，可以直接用click（）方法点击元素

三、class定位
1.js里面class定位获取到是是一个list列表对象
2.操作元素的话通过下标取对应的第几个值，如果只用一个那就取下标[0]

3.定位到输入框，可以直接用value="xxx"方法输入内容

4.ByName和ByTagName跟上面class一样，都是定位的一组元素

四、CSS选择器
1.css选择器定位到的也是一组元素，语法跟前面学到的css语法是一样的

五、参考代码：

# coding: utf-8
from selenium import Webdriver
import time

driver = webdriver.Firefox()
driver.get(“http://cnblogs.com/yoyoketang”)

#定位首页管理按钮：id=blog_nav_contact
js1 = ‘document.getElementById(“blog_nav_contact”)’.click;’
driver.execute_script(js1)

#输入账号
js2 = ‘document.getElementsByClassName(“input-text”)[0].value=“悠悠”;’
driver.execute_script(js2)

#输入密码
js3 = ‘document.getElementsByClassName(“input-text”)[1].value=“xxx”;’
driver.execute_script(js3)

#勾选记住密码
js4 = ‘document.getElementsByName(“remember_me”)[0].click();’
driver.execute_script(js4)

#点击登录按钮
js5 = ‘document.querySelectorAll(#signin)[0].click();’
driver.execute_script(js5)

2.32 js几种定位方法总结相关推荐

2.27 18种定位方法总结
2.27 18种定位方法总结前言江湖传言,武林中流传八种定位,其中xpath是宝刀屠龙,css是倚天剑. 除了这八种,其实还有十种定位方法,眼看就快失传了,今天小编让失传已久的定位方法重出江湖! ...
无线基站定位服务器,UWB定位技术的三种定位方法
原标题:UWB定位技术的三种定位方法 UWB定位技术也称超宽带技术,与传统的窄带系统相比,具有穿透力强.功耗低.抗多径效果好.安全性高.系统复杂度低.能提供精确定位等优点.因此,超宽带技术可以应用于室 ...
Selenium2+python自动化45-18种定位方法（find_elements）
前言江湖传言,武林中流传八种定位,其中xpath是宝刀屠龙,css是倚天剑. 除了这八种,其实还有十种定位方法,眼看就快失传了,今天小编让失传已久的定位方法重出江湖! 一.十八种定位方法前八种是大 ...
自动化框架——PO设计模式自学——第三种定位方法
import time from selenium import webdriverdriver = webdriver.Firefox() driver.get('http://www.baidu. ...
0XC000007b问题的一种定位方法
一.提出问题在开发软件打包时候有时候会出现"应用程序无法启动(0xc000007b)"的问题. 二.经验分享根据我的经验,一般情况是程序依赖的库错误导致,错误类型可能有: 1. ...
测向交叉定位matlab,一种基于角度信息的无源多站多目标测向交叉定位方法与流程...
本发明属于电子对抗技术领域,具体的说是涉及一种基于角度信息的无源多站多目标测向交叉定位方法. 背景技术: 在电子侦察过程中,准确估计目标辐射源位置有助于获取辐射源信息,是做好高层次上的态势估计和威胁估 ...
python怎么鼠标定位id_Selenium八种元素定位方法(Python)
前言: 我们在做WEB自动化时,最根本的就是操作页面上的元素,首先我们要能找到这些元素,然后才能操作这些元素.工具或代码无法像我们测试人员一样用肉眼来分辨页面上的元素.那么我们怎么来定位他们呢? 在学 ...
selenium点击元素位置_Selenium 八种元素定位方法
前言: 我们在做WEB自动化时,最根本的就是操作页面上的元素,首先我们要能找到这些元素,然后才能操作这些元素.工具或代码无法像我们测试人员一样用肉眼来分辨页面上的元素.那么我们怎么来定位他们呢? 在学 ...
Selenium—八种元素定位方法
前言: 在学习元素定位之前,我们最好能懂一点html的知识.我们要能找到这些元素,然后才能操作这些元素.工具或代码无法像我们测试人员一样用肉眼来分辨页面上的元素. 一.查看页面元素用谷歌浏览器打开百 ...

2.32 js几种定位方法总结

2.32 js几种定位方法总结

2.32 js几种定位方法总结相关推荐

最新文章

热门文章