1
<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>
4

2 に答える 2

5

間違ったdocument方法を使用しました。Javascript は大文字と小文字を区別します。使いました:

document.getElementByID

要素を取得するためid="plank"。ただし、次を使用する必要があります。

document.getElementById

d(最後の文字)の変更に注意してください。

この変更により、簡単な例が機能します。

http://jsfiddle.net/wqZAq/

于 2013-04-09T04:42:30.877 に答える
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();" />
于 2013-04-09T04:45:49.540 に答える