JavaScript中怎么给一个label赋值

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

东西/原料

  • html+js
  • 代码编纂器:Zend Studio 8.0.0

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解JavaScript中怎么给一个label赋值。

  2. 2

    在test.html文件内,利用lable标签建立一个区域,下面将经由过程js方式在该区域显示内容。

  3. 3

    在test.html文件内,设置label标签的id为labelid,本家儿要用于下面经由过程该id获得label对象。

  4. 4

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

  5. 5

    在test.html文件内,给button按钮绑定onclick点击事务,当按钮被点击时,执行setlabel()函数。

  6. 6

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

  7. 7

    在浏览器打开test.html文件,点击按钮,查看成果。

    END

总结:

  1. 1

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

    END

注重事项

  • 除了上面方式外,也可以经由过程给label标签添加class属性来获得label对象。
  • 发表于 2020-02-19 17:00
  • 阅读 ( 1376 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

联系我们:uytrv@hotmail.com 问答工具