分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

CSS特例定位方式

发布时间:2023-09-06 01:18责任编辑:郭大石关键词:CSS

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

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特例定位方式

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved