javascript - jsp页面中如何动态更改标签框的文字？

Question

在我的 jsp 页面中，我有一个按钮和一个标签。页面加载时，标签框的文本为“Test”。假设，用户单击按钮，然后我必须将标签的文本更改为“已测试”。

我是 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">