js如何修改button上的文字

新建一个html文件,定名为test.html,用于讲解js如何点窜button上的文字。

962bd40735fae6cd903b771100b30f2442a70f37.jpg2

在test.html文件内,利用button标签建立一个按钮,并设置其id属性为bb,本家儿要用于下面经由过程该id获得button对象。

4610b912c8fcc3ce115915439d45d688d43f2021.jpg3

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

5366d0160924ab1870d83d473afae6cd7a890bf0.jpg4

在test.html文件内,在js标签内,建立myfun()函数,本家儿要用于实现点击按钮后更改按钮的文字。

34fae6cd7b899e51e201e6644da7d933c8950d37.jpg5

在myfun()函数内,利用getElementById方式经由过程button标签id获得按钮对象。

0824ab18972bd407dc090f8d74899e510eb309f0.jpg6

在myfun()函数内,利用对象的innerHTML属性改变按钮的文字,将文字改变为“当作功改变”。

962bd40735fae6cd907a771100b30f2443a70ff0.jpg7

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

9f510fb30f2442a7298121d5de43ad4bd1130237.jpg43a7d933c895d1435ef938537cf082025aaf0737.jpg

  • 发表于 2019-11-03 17:11
  • 阅读 ( 229 )
  • 分类:其他类型

相关问题

0 条评论

请先 登录 后评论