如何用Javascript写入表?

时间:2013-04-09 04:30:58

标签: javascript html html-table getelementbyid

<Script>
function getExperience()
{
    var xp = document.getElementById('txt_XP').value;
    document.getElementByID("plank").innerHTML = xp/30;
}
</Script>

所以这是我的代码,我的问题是我似乎无法在id为planl,oakPlank,teakPlank和mahoganyPlank的表中写入数据。我想我可能会给那些曾经做过这类事情的人犯一个明显的错误,但我似乎无法抓住它。非常感谢任何帮助,如果它有帮助,这里是我的表格的片段:

<tr>
    <td>Plank</td>
    <td id="plankXP">30</td>
    <td id="plank">0</td>
</tr>
编辑:我没有意识到这可能是相关的,我的不好。这是我用来获取输入的表单,在发出警报后查看它是否可以检索XP,它运行正常:

<form name="experience" id="experience_frm" action="#">
    Experience: <input type="text" name="XP" id="txt_XP"/>
    <input type="submit" value="Go" onclick="getExperience();"/>
</form>

2 个答案:

答案 0 :(得分:5)

您使用了错误的document方法。 Javascript区分大小写。你用过:

document.getElementByID

获取id="plank"元素。但你需要使用:

document.getElementById

请注意d(最后一个字符)更改。

通过这个改变,一个简单的例子对我有用:

http://jsfiddle.net/wqZAq/

答案 1 :(得分:0)

试试这个

<Script>
function getExperience()
{
    var xp = document.getElementById('txt_XP').value;
    var newxp = parseInt(xp);
    var div = newxp/30;
    document.getElementById("plank").innerHTML = div;
}
</Script>
<table>
<tr>
    <td>Plank</td>
    <td id="plankXP">30</td>
    <td id="plank">0</td>
</tr>
</table>
<input type="text" id="txt_XP" name="txt_XP" />
<input type="button" onclick="getExperience();" />