javascript - html5 输入字段填充问题

Question

我需要根据单击按钮填充输入字段，例如:

<input type='text' name='ta' id='ta' value='before'>

<button type="button" id="ta" onclick="myFunction()" >C</button> </td>

<script>
function myFunction() {
    document.getElementById("ta").innerHTML = "after";
}
</script>

我无法让它工作。有什么想法吗？

Answer 1

给你:

function myFunction() {
    document.getElementById("ta").value = "after";
}

<input type='text' name='ta' id='ta' value='before'>
<button type="button" onclick="myFunction()" >C</button>

顺便说一句，大多数浏览器现在支持使用 Named access on the Window object ，因此您可以通过这种方式显着缩短代码:

<input type='text' name='ta' id='ta' value='before'>
<button type="button" onclick="ta.value = 'after'" >C</button>