2.32 js几种定位方法总结

s:`'R~.h ~)q/ZiD0前言
.d,{8GX _^Y)vTO0本篇总结了几种js常用的定位元素方法，并用js点击按钮，对input输入框输入文本51Testing软件测试网 g4hg(x3~/y*Jr9k}S4t
 
lYe;}QO0一、以下总结了5种js定位的方法
4JGn"rm!F8p0除了id是定位到的是单个element元素对象，其它的都是elements返回的是list对象
Ga g,zQ@5oa01.通过id获取
m9Ji5FTQ0document.getElementById(“id”)51Testing软件测试网 JB2p#r9YL1C7^h
2.通过name获取51Testing软件测试网;FuJ"p\|9U
 document.getElementsByName(“Name”)

#{2N
v:p r&@#@0返回的是list

3.通过标签名选取元素
a*o A!Ltg vh7w lO
t0document.getElementsByTagName(“tag”)
[+p5u8f X&l@L!i j04.通过CLASS类选取元素
X'EyU4lh^l0document.getElementsByClassName(“class”)
*qx8o/x@]sS0兼容性：IE8及其以下版本的浏览器未实现getElementsByClassName方法
@:L6M;}`2Rj;}05.通过CSS选择器选取元素
h*}(O\!B2v1UKK0document.querySelectorAll(“css selector")51Testing软件测试网-i-j8V%U|cP
兼容性：IE8及其以下版本的浏览器只支持CSS2标准的选择器语法51Testing软件测试网zy1z5K3H+SM-Yx;Z,oO
 51Testing软件测试网u J6Y@*{2TI(d
二、id定位
9Oh y+O W4w-~+{{4w \01.定位博客首页的管理按钮：id="blog_nav_contact"

51Testing软件测试网HJ'Dl{ ~

(U"vC0W%t02.js的定位语法里面id定位获取的是单个元素对象，可以直接用click（）方法点击元素51Testing软件测试网#mZ&Lo)J.K

!ow Li]?${*U0 51Testing软件测试网#zS1Vg2wOXn

三、class定位
#~'S~3|ZPmk01.js里面class定位获取到是是一个list列表对象
jli X3R9B02.操作元素的话通过下标取对应的第几个值，如果只用一个那就取下标[0]51Testing软件测试网4S@3E&H&F*a$nJz

fiZ;\pM0r0

P3\ ?$U+fm?U03.定位到输入框，可以直接用value="xxx"方法输入内容

8U'U8`*PGP^S,o04.ByName和ByTagName跟上面class一样，都是定位的一组元素
,drxe1f l0 51Testing软件测试网8k~ tUf!_
四、CSS选择器51Testing软件测试网0yFN(wrkQXJ
1.css选择器定位到的也是一组元素，语法跟前面学到的css语法是一样的51Testing软件测试网U t,p[.C3tu

HqG#A8M,[Zh|8N6Ip051Testing软件测试网)SU XWedP

(@s1g2O!k]0五、参考代码：51Testing软件测试网6Yj3_(h*s~5F

#coding: utf-8fromseleniumimportWebdriverimporttime

driver=webdriver.Firefox()
driver.get("http://cnblogs.com/yoyoketang")#定位首页管理按钮：id=blog_nav_contactjs1 ='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)