2022-03-17 javascript xpath

这里简单笔记一下如何使用xpath定位,并使用javascript执行功能。

function xpath(path){

    return document.evaluate(path, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;

}

# 定义一下函数xpath, 后续调用函数就简洁很多。

input_text = xpath("//input[@id='kw']")




1、用js去滑到指定文本那里去:

document.evaluate('xpath定位表达式', document).iterateNext().scrollIntoView();

document.querySelector("JS path定位表达式").scrollIntoView();

2、js点击

document.querySelector("JS path定位表达式").click();

document.evaluate('xpath定位表达式', document).iterateNext().click();

3、js获取value值

return document.querySelector("JS path定位表达式").value();

return document.evaluate('xpath定位表达式', document).iterateNext().value();

4、将xpath定位方式转化为JS path定位方式

document.evaluate('xpath定位表达式', document).iterateNext()

5、 页面输入框改为敏感类型

copyjs path.setAttribute("type","password")

6、 页面输入框改为明文

copyjs path..setAttribute("type","text")   

7、 js移除<input>readOnly属性

document.querySelector("JS path定位表达式") removeAttribute("readOnly");

document.evaluate('xpath定位表达式', document).iterateNext().removeAttribute("readOnly");



document.evaluate("//*[@id='RequisitionDate']/div/input",document).iterateNext().removeAttribute('readonly')

# 移除输入框的只读状态。例如日期需要点击日历才能选定的,这样就可以直接填写日期了。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 在做前端开发时,我们需要用到一些调试工具用来调试我们的HTML、CSS或者JS代码,俗话说预先善其事必先利其器,这...
    Rella7阅读 24,356评论 0 15
  • 参考基础教程的整理,方便记忆 一、Object对象 (O大写) 所有其他对象都继承自这个对象。Object本身也是...
    Viaphlyn阅读 2,471评论 0 0
  • [TOC] 简介 Selenium 是一个用于Web应用程序测试的工具。Selenium测试直接运行在浏览器中,就...
    Whyn阅读 1,246评论 0 2
  • ECMAscript 基础语法 变量 数据类型 运算符 数组 函数 对象 BOM 浏览器对象模型 window对象...
    浅笑_阅读 288评论 0 0
  • 前言 Chrome Devtools应该是每一位做前端都会用到的一个工具吧! 菜单面板结束 Elements 页面...
    有内涵的Google阅读 2,185评论 0 1

友情链接更多精彩内容