webdriver与JS操作浏览器元素
摘要:1、JQuery的选择器实例语法描述$(this)当前HTML元素$("p")所有元素$("p.intro")所有的元素$(".intro")所有的元素$("#intro")的元素$("ulli:first")每个的第一个元素$("[href$='.jpg']")所有带有以".jpg"结尾的属性值的href属性$("div#intro.head")的元素中的所
1、JQuery的选择器实例
语法 | 描述 |
---|
$(this) | 当前 HTML 元素 |
$("p") | 所有 <p> 元素 |
$("p.intro") | 所有 的 <p> 元素 |
$(".intro") | 所有 的元素 |
$("#intro") | 的元素 |
$("ul li:first") | 每个 <ul> 的第一个 <li> 元素 |
$("[href$='.jpg']") | 所有带有以 ".jpg" 结尾的属性值的 href 属性 |
$("div#intro .head") | 的 <div> 元素中的所有 的元素 |
2、原生js定位元素的方法
document.getElementById("intro") # id=intro的某个元素
document.getElementsByClassName("red") # class="red"的全部元素
document.getElementsByName("login") # name=login的全部元素
document.getElementsByTagName("p") # 所有 <p> 元素
document.getElementsByTagNameNS("ns","name") # 指定命名空间和节点名称的全部元素
document.querySelector("css_selector") # 返回文档中匹配指定 CSS 选择器的一个元素
document.querySelectorAll() # 返回匹配 CSS 选择器的全部元素
3、js操作浏览器
webdriver和js的api对比文本框中输入 | webdriver | driver.find_element_by_css_selector("[name='username']").send_keys('terry001') |
jQuery | $("[name='username']").eq(0).val('terry001'); |
原生java_script | var el=document.querySelector("[name='username']");el.value="terry001"; |
文本框清空 | webdriver | driver.find_element_by_css_selector("[name='username']").clear() |
jQuery | $("[name='username']").eq(0).val(''); |
原生java_script | var el=document.querySelector("[name='username']");el.value=""; |
读取文本框中输入的文本 | webdriver | 无 |
jQuery | $("[name='username']").eq(0).val(); |
原生java_script | var el=document.querySelector("[name='username']");el.value; |
获取文本 | webdriver | driver.find_element_by_css_selector("#los>h2").text |
jQuery | $("#los>h2").text(); |
原生java_script | var el=document.querySelector("#los>h2"); el.innerText; |
获取元素属性 | webdriver | driver.find_element_by_css_selector("[name='login']").get_attribute('type') |
jQuery | $("[name='login']").eq(0).attr("type") |
原生java_script | var el=document.querySelector("[name='login']"); el.getAttribute('type'); |
鼠标左键点击 | webdriver | driver.find_element_by_css_selector("[name='login']").click() |
jQuery | $("[name='login']").eq(0).trigger('click') |
原生java_script | var el=document.querySelector("[name='login']"); el.click(); |
复选框是否被选中 | webdriver | driver.find_element_by_css_selector("[name='memberPass']").is_selected() |
jQuery | $("[name='memberPass']").is(':checked') |
原生java_script | var el=document.querySelector("[name='memberPass']"); el.checked; |
当前页面跳转到新网址 | webdriver | driver.get("https://www.baidu.com/") |
jQuery | window.location.href='https://www.baidu.com'; |
原生java_script | 同jQuery |
在新窗口中打开网址 | webdriver | 无 |
jQuery | window.open("https://www.jd.com/"); |
原生java_script | 同jQuery |
免责声明:文章转载自《webdriver与JS操作浏览器元素》仅用于学习参考。如对内容有疑问,请及时联系本站处理。
上篇apache日志分析nodejs 异步之 Timer &amp;Tick; 篇下篇
宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=
一.学习DOM之前需要知道的 1.什么是window? window:是一个全局对象, 代表浏览器中一个打开的窗口, 每个窗口都是一个window对象 2.什么是document? document是window的一个属性, 这个属性是一个对象 document: 代表当前窗口中的整个网页, docum...