javascript - 在 html 页面上选择表单字段

标签 javascript html xpath

我正在尝试准备我的第一个 Greasmonkey 脚本(没有 javascript/网站技术方面的经验),但我在选择页面上的字段时遇到问题。它是:

<input data-testid="user/fullName" autocomplete="name" class="form-control u-text-normal">

我测试过:

  1. document.querySelectorAll("input.form-control");
  2. document.querySelectorAll("input.form-control.u-text-normal");
  3. document.getElementById("user/fullName").value

但它们都没有返回我需要的东西……而我需要的是用脚本填充该表单字段的可能性。你能帮忙吗?

编辑: 以下答案中给出的方法我尝试在浏览器控制台中运行,但它们没有返回任何元素。也许有人可以尝试运行它并告诉我我做错了什么?该网站是一个购物车pizza site :) 但要看到它,您需要将披萨添加到购物车(“Do koszyka”)至少 20 zł,然后去付款(“Do kasy”)。那么第一个字段“Imie i nazwisko”就是我想在开头填写的内容。

最佳答案

如果需要获取单个元素,给html元素一个id例子:

<html>
<input id='id_here'data-testid="user/fullName" autocomplete="name" class="form-control u-text-normal">
</html>

然后使用

获取元素
document.getElementById('id_here');

对于共享同一类的多个元素,您可以使用查询选择器

document.querySelector('.form-control')

关于javascript - 在 html 页面上选择表单字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56184597/

相关文章:

javascript - 为什么这个 Canvas 在不同的浏览器中 react 不同

c# - 在C#中使用XPath选择单选按钮

Javascript - 反转正则表达式

javascript - jQuery - 使用条件语句更改正文的背景颜色

html - 在不创建空 tds 的情况下在表内居中对齐 tds?

python-2.7 - 在同一页面上使用两个 xpathselector

python - xPath:将表达式与实际源代码匹配困难

java - GWT 和 REST (jax-rs)

javascript - 如何在不禁用其子 DOM 对象上的单击事件的情况下禁用父 DOM 对象上的单击事件?

javascript - jQuery 模板不显示数据元素