Javascript 在html页面上选择表单字段_Javascript_Html_Xpath

Javascript 在html页面上选择表单字段

javascript html xpath

Javascript 在html页面上选择表单字段,javascript,html,xpath,Javascript,Html,Xpath,我正在准备我的第一个Greasmonkey脚本（没有javascript/网站技术方面的经验），我在选择页面上的字段时遇到了问题。它是：我测试过： document.queryselectoral（“input.form控件”） document.queryselectoral（“input.form-control.u-text-normal”） document.getElementById（“用户/全名”）.value 但他们中没有一个是返回我需要的。。。我需要的是用脚本填充表单字段的

我正在准备我的第一个Greasmonkey脚本（没有javascript/网站技术方面的经验），我在选择页面上的字段时遇到了问题。它是：

我测试过：

document.queryselectoral（“input.form控件”）


document.queryselectoral（“input.form-control.u-text-normal”）

document.getElementById（“用户/全名”）.value
但他们中没有一个是返回我需要的。。。我需要的是用脚本填充表单字段的可能性。你能帮忙吗
编辑：
以下答案中给出的方法我尝试在浏览器控制台中运行，它们不返回任何元素。也许有人可以试着运行它，告诉我我做错了什么？该网站是：）上的购物车，但要查看它，您需要将比萨饼添加到购物车（“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.querySelector('.form-control')

如果需要获取单个元素，请为html元素提供一个id示例：
<html>
<input id='id_here'data-testid="user/fullName" autocomplete="name" class="form-control u-text-normal">
</html>

对于共享同一类的多个元素，可以使用查询选择器
document.querySelector('.form-control')

这是你想要的吗

var-example=document.querySelector（'.form-control'）.value；
编写（示例）
这就是你想要的吗

var-example=document.querySelector（'.form-control'）.value；
编写（示例）
如果您只想选择此元素，请使用最具体的内容，在本例中为数据测试ID
：
var x = document.querySelectorAll("[data-testid='user/fullName']")
console.log(x[0].value)

如果您只想选择此元素，请使用最具体的内容，在本例中为data testid
：
var x = document.querySelectorAll("[data-testid='user/fullName']")
console.log(x[0].value)

您可以通过querySelector添加“id”或选择字段

let input=document.querySelector（“[data testid=“user/fullName”]”）
input.value='abc'；
myField.value+='123'
您可以添加“id”或通过查询选择器选择字段

let input=document.querySelector（“[data testid=“user/fullName”]”）
input.value='abc'；
myField.value+='123'
选择元素（这里我们选择的类和数据属性最准确）=>
如果要在此输入中添加一些值，请在之后=>
element.value = "My_value";

考虑
选择元素（这里我们选择类和数据属性以获得最准确的结果）=>
如果要在此输入中添加一些值，请在之后=>
element.value = "My_value";

关于
使用这些选择器时会得到什么？您是否有其他字段，字段太多，或者没有字段？您何时调用它们？如果在它们存在之前执行它们（例如，您的脚本位于html中的元素之前），您将无法获得引用。还提供了一个例子，我们只能用几行代码进行猜测，但忘记了编写它。我没有字段。您可能需要等待页面加载完成<代码>document.addEventListener（'DOMContentLoaded'，function（）{console.log（'document is ready.I cany now'）；}）使用这些选择器时会得到什么？您是否有其他字段，字段太多，或者没有字段？您何时调用它们？如果在它们存在之前执行它们（例如，您的脚本位于html中的元素之前），您将无法获得引用。还提供了一个例子，我们只能用几行代码进行猜测，但忘记了编写它。我没有字段。您可能需要等待页面加载完成<代码>document.addEventListener（'DOMContentLoaded'，function（）{console.log（'document is ready.I cany now'）；}）