javascript - 当第一个和第二个文本输入值没有 ID 时，更改它们

Question

如果它们有 ID，我知道如何使用 javascript 更改文本输入值，但如果它们没有 ID 怎么办？我需要查找并更改页面上第一个和第二个文本输入的值。我该怎么做呢？

<input type="text" id="text" value="no value">

<button onclick="myFunction()">Change Values</button>

function myFunction() {
document.getElementById("text").value = "Text is now changed";
}

我需要知道如何更改页面上的第一个和第二个输入文本的值(如果它们没有 ID)。例如，将“无值 1”更改为“是值 1”，将“无值 2”更改为“是值 2”。我该怎么做？

<input type="text" value="no value 1">
<input type="text" value="no value 2">

Answer 1

如果我正确理解你的问题，使用 document.getElementsByTagName 是一个答案。

const inputElements = document.getElementsByTagName('input');
inputElements[0].value = "insert input 1";
inputElements[1].value = "insert input 2";

检查这个 jsfiddle ( https://jsfiddle.net/hentleman/09tr7bku/1/ )