使用innerHTML和GetElementById在输入框中插入值

时间:2015-03-11 19:31:12

标签: javascript html

我使用javascript添加了一行。现在我希望通过id从输入框文本中选择新列的值。其中存在某种错误,我无法得到。

<html>
<head>
<script>
function addtosubtotal() {
    var table = document.getElementById("myTable");
    var row = table.insertRow(2);
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    cell1.innerHTML = getElementById("cid");
    cell2.innerHTML = document.getElementById("name");
        }
</script>
</head>

<body>
<table id="myTable" >
    <tr>
        <td>S. No</td>
        <td>Item Name</td>
        <td>Subtotal</td>
    </tr>
    <tr>
        <td><input type="text" id="cid" name="id" /> </td>
        <td><button onclick="addtosubtotal()" /></td>
    </tr>
</table>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

您没有输入name的ID:

<input type="text" id="name" name="name" />

所以你不会通过id

获得它

如果您想

,也可以将JavaScript中的两个语句组合在一起
<script>
function addtosubtotal() {
    var table = document.getElementById("myTable");
    var row = table.insertRow(2);
    var cell1 = row.insertCell(0).innerHTML = document.getElementById("cid").value;
    var cell2 = row.insertCell(1).innerHTML = document.getElementById("name").value;
        }
</script>