本文探讨了XPath和CSS在HTML元素定位上的应用，提供了两种方法的区别和使用场景，包括通过属性筛选元素和使用插件辅助定位，强调了在实际开发中选择合适的方法以提高效率。
一直以来都用xpath去识别元素，xpath确识方便又实用，但有时会发现它要写很长很长，对于有些元素，用css去定位，可能更加方便。
假设有如下的HTML页面：
line 1<html>
line 2<body>
line 3<formid="loginForm">
line 4<inputname="username"type="text"/>
line 5<inputname="password"type="password"/>
line 6<inputname="continue"type="submit"value="Login"/>
line7<a href= "continue.html" >Continue</a>
line8</form>
line9</body>
line10<html>
通过XPath定位
例如：
driver.click("xpath=/html/body/form[1]")。如果使用相对路径，则可以省略"xpath=":
driver.click("//form[1]");
driver.click("//form[@id='loginForm']");
driver.click("//form[@id='loginForm']/input[1]");
driver.click("//input[@name=‘username’]");
通过css定位
例如：
driver.click("css=form#loginForm");
driver.click('css=input[name="username"]');
driver.click("css=#loginForm input:nth-child(2)");
怎么查看页面元素的各个属性呢？推荐使用Firefox的Firebug插件，可以自动生成指定元素的xpath和css。同时配合Firefinder，可以验证你的xpath和css是否正确。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
