如果没有id,用JavaScript在网站上填写输入字段?

如果没有id,用JavaScript在网站上填写输入字段?,javascript,html,input,getelementbyid,autofill,Javascript,Html,Input,Getelementbyid,Autofill,如果一个网站没有id,我如何用JavaScript填写它的输入字段?例如: <input type="text" placeholder="First Name" value="" class="someclass"> <input type="text" placeholder="Last Name" value="" class="someclass"> 我只想填写第一个输入字段 如果它有一个ID,我就可以做document.getElementById。。。 该类

如果一个网站没有id,我如何用JavaScript填写它的输入字段?例如:

<input type="text" placeholder="First Name" value="" class="someclass">
<input type="text" placeholder="Last Name" value="" class="someclass">
我只想填写第一个输入字段

如果它有一个ID,我就可以做document.getElementById。。。 该类和类型由网站上的几个输入字段使用。我可以使用占位符吗?

只需使用document.querySelector'input.someclass'选择占位符即可

编辑 如果您网站上的输入顺序和数量始终相同,请执行以下操作:

const inputs = document.querySelectorAll('input')
您可以从querySelectorAll返回的数组中选择输入,也可以在数组中循环以输入值

const inputs = document.querySelectorAll('input');
const valuesToInput = [1,2,3,4,5,6,7,8,9];
for(let i = 0; i < inputs.length; i += 1) {
   inputs[i].value = valuesToInput[i];
}

如果为表单和输入添加属性名称,可以通过以下方式使用该名称:

<form name="myForm">
    <input type="text" name="myText">
    <button onclick="addText(myForm)">Add Text</button>
</form>

.someclass->item 0->ValueID不是选择元素的唯一方法。您可以按类、在DOM中的位置等进行操作。请参阅querySelectordocument.querySelector'.someclasss'或document.getElementsByClassName'someclass'@Prakashredypotlapadu,但它如何知道要使用哪个特定字段?正如我所说的,网站上有几个输入字段使用相同的类。你必须根据类选择它们,并使用更正位置元素的索引。但是它如何知道使用哪个特定字段呢?正如我所说,网站上有几个输入字段使用同一个classI,我假设你不能更改或添加任何其他内容,对吗?站点上有多少输入要填写特定的输入?输入的数量或顺序是否发生变化?共有9个输入字段。我想填充所有这些,但每个都有不同的值。不,号码或顺序没有改变。编辑了答案没有问题:在答案中添加了循环。
function addText(myForm){
    myForm.myText.value = 'some text';
}