JavaScript中怎么给一个label赋值

在label标签中添加id属性 , 使用getElementById()方法通过该id获得label对象 , 通过给label对象的innerHTML属性赋值 , 从而实现给label赋值 。 下面小编举例讲解JavaScript中怎么给一个label赋值 。

JavaScript中怎么给一个label赋值

文章插图

需要这些哦
html+js
代码编纂器:Z Studio 8.0.0
方式/
1新建一个html文件 , 定名为test.html , 用于讲解JavaScript中怎么给一个label赋值 。
JavaScript中怎么给一个label赋值

文章插图

2在test.html文件内 , 利用lable标签建立一个区域 , 下面将经由过程js方式在该区域显示内容 。
JavaScript中怎么给一个label赋值

文章插图

3在test.html文件内 , 设置label标签的id为labelid , 本家儿要用于下面经由过程该id获得label对象 。
JavaScript中怎么给一个label赋值

文章插图

4在test.html文件内 , 利用button标签建立一个按钮 , 按钮名称为“给label赋值” 。
JavaScript中怎么给一个label赋值

文章插图

5在test.html文件内 , 给button按钮绑定onclick点击事务 , 当按钮被点击时 , 执行setlabel函数 。
JavaScript中怎么给一个label赋值

文章插图

6在js标签中 , 建立setlabel()函数 , 在函数内 , 利用getElementById()方式经由过程id(labelid)获得label对象 , 经由过程给label对象的innerHTML属性赋值 , 从而实现给label赋值 。 例如 , 这里给label赋值123456 。
JavaScript中怎么给一个label赋值

文章插图

7在浏览器打开test.html文件 , 点击按钮 , 查看成果 。
JavaScript中怎么给一个label赋值

文章插图

JavaScript中怎么给一个label赋值

文章插图

总结:1【JavaScript中怎么给一个label赋值】1、建立一个test.html文件 。
2、在文件内 , 利用lable标签建立一个区域 , 设置label标签的id为labelid , 同时建立一个button按钮 , 用于触发执行js函数 。
3、在js标签内 , 建立函数 , 在函数内 , 利用getElementById()方式经由过程id(labelid)获得label对象 , 经由过程给label对象的innerHTML属性赋值 , 从而实现给label赋值 。

注重事项除了上面方式外 , 也可以经由过程给label标签添加class属性来获得label对象 。

以上内容就是JavaScript中怎么给一个label赋值的内容啦 , 希望对你有所帮助哦!

    推荐阅读