首页 > 其他分享 >使用JS脚本修改页面内容

使用JS脚本修改页面内容

时间:2023-12-16 21:55:45浏览次数:21  
标签:脚本 text xxx JS querySelector document 页面

在学习RPA时,我对使用JS脚本修改页面内容进行了深入学习。

记录如下:

获取元素的方法:

1.document.getElementById("xxx")

2.document.getElementsByClassName("xxx")

3.document.getElementsByTagName("xxx")

4.document.getElementsByName("xxx")

5.document.querySelector("xxx")

6.document.querySelectorAll("xxx")

7.document.body

8.document.documentElement

 

操作页面元素的方法:

1.document.querySelector("xxx").scrollIntoView()

2.document.querySelector("xxx").value

3.document.querySelector("xxx").text

4.document.querySelector("xxx").click()

5.document.querySelector('xxx').setAttribute("type","password")

6.document.querySelector('xxx').setAttribute("type","text")

 

标签:脚本,text,xxx,JS,querySelector,document,页面
From: https://www.cnblogs.com/luoyihao/p/17908436.html

相关文章

  • 第三章:SpringBoot集成jsp、mybatis的逆向工程和集成
    一、springboot继承jsp二、mybatis逆向工程三、集成mybatis四、案例-集成mybatis五、集成mybatis总结......
  • vue3+vite+js中二次封装axios
    一、安装axiosnpmiaxios二、文件结构涉及到的文件:utils/request.sjapi/index.js(可以根据不同页面在api文件下新建不同文件夹,方便管理)vite.config.js三、request.js对axios进行简单的二次封装importaxiosfrom"axios";constrequest=axios.create({//......
  • Nestjs的Provider 和依赖注入
    前言上文介绍了如何理解依赖注入和控制反转,简单来说,控制反转是一种设计模式,可以将类与类的关系解耦,将人工维护转移给一个容器维护。要实现控制反转,依赖注入是一个常用方案,将依赖注册到DI容器中,哪里用到,就让容器将实例注入到哪里。Nest中的依赖注入,主要就是围绕提供者(Provider)展......
  • [JS] JS单例模式的实现
    JS单例模式的实现单例模式简介单例模式(SingletonPattern)是最简单的设计模式之一。这种类型的设计模式属于创建型模式,提供了一种创建对象的最佳方式。特点:意图:保证一个类仅有一个实例,并提供一个访问它的全局访问点。主要解决:一个全局使用的类频繁地创建与销毁。何时使用:当......
  • tsconfig.json文件配置
    tsconfig.json配置TypeScript使用tsconfig.json文件作为其配置文件,当一个目录中存在tsconfig.json文件,则认为该目录为TypeScript项目的根目录。基础字段files-设置要编译的文件的名称;['./src/main.tsx']include-设置需要进行编译的文件,支持路径模式匹配;['src']......
  • nodejs使用sequelize vscode报错:Type 'Model<any, any, any>' is not a constructor f
    我的模型定义如下:import{Model,DataTypes}from"sequelize";//定义资源模型classRuleextendsModel{}问题:vscdoe报错:Type'Model<any,any,any>'isnotaconstructorfunctiontype.解决:这个问题可能是由于TypeScript类型定义的问题导致的。Model 是Seq......
  • 【前端开发】Next.js VS Nest.js–Nest和Next之间的区别
    web开发框架起到支持作用,并提供了开发应用程序的有效方法。它具有不同的功能和特性,这使得开发过程更容易,开发人员总是能找到最快的编码方式。这就是为什么,无论是后端还是前端框架,大多数开发人员都喜欢使用它。一些框架通常具有非凡的功能,可以最大限度地减少代码,使应用程序开发更快......
  • Java: OpenWeatherMap json Deserialization of Java Objects
    openweathermap.json{"coord":{"lon":114.0683,"lat":22.5455},"weather":[{"id":803,"main":"Clouds","description":"多云",......
  • 金蝶云星空协同开发环境应用内执行单据类型脚本
    一、业务界面 二、查询 单据类型表数据先使用类型中文在单据类型多语言表T_BAS_BILLTYPE_L找到主键后再查询单据类型主表T_BAS_BILLTYPESELECT*FROMT_BAS_BILLTYPE_LWHEREFNAME='现场'SELECT*FROMT_BAS_BILLTYPEWHEREFBILLTYPEID='64f7fa60387282' 3、导......
  • freemarker模板数据解析1--页面语法直接获取
    freemarker模板数据解析1--页面语法直接获取​ 对后端接口传递过来的Map<String,List>类型数据的展示。对于普通Map<String,String>数据,我们很清楚,直接上代码:·接口提供数据:Map<String,String>map=newHashMap<>();map.put("k1","v1");map.put("k2","v2"......