使用form为getElementById设置变量id

Question

我想从表单中添加一个变量作为document.getElementById的Id。 这是我试图做的事情，但我无法让它发挥作用。

<input type="text" id="data">
<input type="button" value="don" onclick="func(x)">

<script>
var x = document.getElementById("data")
function func(x){
document.getElementById(x).write(x + " *")
}
</script>

Answer 1

如果要将文本设置为p标记，请使用

<input type="text" id="data">
<p id="pdata"></p>
<input type="button" value="don" onclick="func()">

<script>
var x = document.getElementById("data");

function func(){
document.getElementById("pdata").innerHTML = x + " *";
}
</script>

如果要将控件的id发送为参数

<input type="text" id="data">
<input type="button" value="don" onclick="func('data')">

<script>
function func(x){
var x = document.getElementById("data").value;
document.getElementById(x).innerHTML = x + " *";
}
</script>