javascript - 使用 getElementById() 的多个 id；

Question

当点击链接时，我试图让 javascript 在页面上编写 html。

function updatetext(){
    var file = document.getElementById("file").value;
document.getElementById('updated').innerHTML = file;
}
<input id="file" value="text I want to write to the page" type="hidden">
<span id="updated">&nbsp;</span>

这适用于标有“文件”的 ID，但我有多个 ID，例如 file1、file2、file3 ...

我想知道我的 onclick="updatetext()"; 应该有一些参数，比如 onclick="updatetext(1)"; 但这似乎不起作用。我不确定如何通过单击链接获得正确的输入 ID。

Answer 1

function updatetext(id){
    var file = document.getElementById("file" + id).value;
    document.getElementById('updated').innerHTML = file;
}

如果你想做我解释的事情，那就应该这样做