js如何修改button上的文字

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

js如何修改button上的文字

文章插图

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

js如何修改button上的文字

文章插图

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

js如何修改button上的文字

文章插图

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

js如何修改button上的文字

文章插图

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

js如何修改button上的文字

文章插图

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

js如何修改button上的文字

文章插图

7【js如何修改button上的文字】在浏览器打开test.html文件 , 点击按钮 , 查看实现的结果 。

js如何修改button上的文字

文章插图

js如何修改button上的文字

文章插图

以上内容就是js如何修改button上的文字的内容啦 , 希望对你有所帮助哦!

    推荐阅读