CSS定位与xpath定位比较

最新推荐文章于 2024-04-10 05:52:49 发布

星空之下@csdn

最新推荐文章于 2024-04-10 05:52:49 发布

阅读量882

点赞数

分类专栏： selenium

本文链接：https://blog.csdn.net/liguilicsdn/article/details/100928342

版权

12 篇文章 0 订阅

订阅专栏

本文探讨了CSS定位和XPath定位在网页元素选取上的差异与应用场景。CSS定位主要依靠选择器来精确定位元素，适合静态布局，而XPath作为XML路径语言，在HTML中也可用于复杂动态元素的选择，尤其在动态内容和测试自动化中更为适用。

摘要由CSDN通过智能技术生成

定位方式	XPath	CSS
标签	//div	div
By id	//div[@id='recordlist']	div#recordlist
By class	//div[@class='subdiv'] //div[contains(@class,'subdiv')]	div.subdiv
By 属性	//input[@name='username']	input[name=username] input[name^=user] input[name$=name] input[name*=erna]
定位子元素	//ul[@id='recordlist']/* //ul/p	ul#recordlist>* ul#recordlist>p
定位后代元素	//div[@class='subdiv']//p	div p
By index	//li[4] 定位第四个li	li:nth-child(5)
By content	//li[contains(text(),'Goa')]	li contains('Goa') 该方法已经废弃
根据子元素回溯定位父元素	//*[./a[@id='baiduUrl']] //div[.//p[text()='Heading']] 匹配到：<div class="subdiv">	？
根据兄弟元素定位	//ul[preceding-sibling::a[@id='baiduUrl']] //ul[preceding-sibling::a[//div[@class='subdiv']/a]] 都匹配到：<ul id="recordlist">	a+ul a#baiduUrl+ul 匹配到：<ul id="recordlist">