如何使用輸入字段將文本插入表格

Question

這是HTML代碼

        <input type="text" id="input"/>
    <table>
        <tr>
            <td id="output"></td>
        </tr>
    </table>
<input type="button" id="submit" value="Submit">

和JavaScript

$("#submit").click(function(){

  var input = document.getElementById("input").innerhtml;
  document.getElementById("output").innerHTML = input;

});

這個JavaScript無法正常運作，正確的代碼是什么？

Answer 1

看起來您正在使用jQuery 。 您可以將JavaScript重構為：

$("#submit").click(function(e) {
  var inputValue = $('#input').val();
  $('#output').text(inputValue);
});

Answer 2

如果您使用的是jQuery，請使用它。

$('#output').html('your input text');

如果您使用的是本地javascript，請使用此

document.getElementById("output").html('your input text');

希望這可以幫助。