javascript - jspページでラベルボックスのテキストを動的に変更するには?

Question

私の jsp ページには、1 つのボタンと 1 つのラベルがあります。ページの読み込み時、ラベル ボックスのテキストは「テスト」です。ユーザーがボタンをクリックすると、ラベルのテキストを「テスト済み」に変更する必要があります。

私はJspが初めてなので、この問題から抜け出すために私を導いてください...

Answer 1

まず、ボタンにリスナーを設定する必要があります。たとえば、マークアップが次のようになっているとします。

<button id='btn'>test it</button>
<span id='label'>Test</span>

ボタン要素を選択して、onclick 属性を設定できます。

document.getElementById('btn').onclick = test

test次に、ラベルを切り替える関数呼び出しを定義できます。

function test(){
 document.getElementById('label').innerHTML = 'Tested';
}

以上です！

これは、このコードを示すjsfiddleです。

Answer 2

    <script type="text/javascript">
function fnc()
{
    document.getElementById("atext").innerHTML="tested";
}
</script>

<label id="atext">test</label>
<input type="button" onClick="fnc()" value="click me">