码迷,mamicode.com
首页 > Web开发 > 详细

CSS特例定位方式

时间:2017-10-18 00:19:52      阅读:231      评论:0      收藏:0      [点我收藏+]

标签:属性   ntb   获取   for   name   innertext   query   ext   selector   

同级向下一个元素定位,一个+表示下一个元素,++表格下下个元素

input[name=‘name1‘] +input

 

td:eq(0)表示第一个td元素,此定位方式限于执行js,在selenium时用此表达式识别不到元素

$(".igrid-data [_row=‘0‘]>td:eq(0)")

 

JS获取元素属性值(获取元素href属性值)

document.getElementById(‘id1‘).href

document.getElementsByClassName(‘xh‘)[0].href

JS获取text

document.getElementById(‘id2‘).innerText

document.getElementsByClassName(‘classname2‘)[0].innerText

JS获取value

document.getElementById(‘id2‘).value

document.getElementsByClassName(‘classname2‘)[0].value

 

CSS方式通过text定位元素

$("div:contains(‘搜索‘)")

匹配prev之后的所有siblings元素,使用‘~‘符号

$("form~input")

 

cssSelector定位元素

document.querySelector("[field=‘region‘]")

document.querySelectorAll("[field=‘region‘]")[0]

CSS特例定位方式

标签:属性   ntb   获取   for   name   innertext   query   ext   selector   

原文地址:http://www.cnblogs.com/pengwue/p/7684467.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!