js给label赋值功能

最新推荐文章于 2025-10-22 14:48:55 发布

原创最新推荐文章于 2025-10-22 14:48:55 发布 · 7.7k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#js给html 的label 赋值

HTML 同时被 3 个专栏收录

5 篇文章

订阅专栏

4 篇文章

订阅专栏

3 篇文章

订阅专栏

本文介绍如何使用JavaScript通过getElementById方法动态改变HTML中Label标签的内容。通过实例代码演示了在按钮点击事件中修改Label标签内文本的过程，并提供了在线测试链接。

1.html 创建一个带有id的label标签
2.在需要的地方使用document.getElementById(“test_label”).innerHTML ="<你需要赋值的内容>" (例子上是一个按钮触发的赋值)
3.想看效果可以在W3School 测试 http://www.w3school.com.cn/tiy/t.asp?f=html_script (把底下代码附上去提交即可)
测试操作

<html>

<body>
<label id="test_label"></label>
<br/>
<button onclick="SetLabel();">TEST</button>
<script type="text/javascript">
function SetLabel()
{
  document.getElementById('test_label').innerHTML="TEST SET LABEL";
}
</script> 

</body>

</html>