js给label赋值功能

最新推荐文章于 2025-05-23 13:00:00 发布

纸菜不是菜

最新推荐文章于 2025-05-23 13:00:00 发布

阅读量7.6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： IT HTML JS 文章标签： js给html 的label 赋值

本文链接：https://blog.youkuaiyun.com/PaperVeg/article/details/89467453

HTML 同时被 3 个专栏收录

5 篇文章

订阅专栏

4 篇文章

订阅专栏

3 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>