html点击按钮状态改变,html点击按钮改变文字怎么实现 | 您所在的位置:网站首页 › html鼠标点击变化效果 › html点击按钮状态改变,html点击按钮改变文字怎么实现 |
html点击按钮改变文字的实现方法:1.创建一个html文件;2.在html文件中添加html代码架构;3.在body标签里面使用p标签和button标签实现一个按钮和一段文本;4.在html标签里面添加script标签并设置点击按钮改变文本的功能;5.通过浏览器方式查看设计效果。 html点击按钮改变文字的实现方法: 1.首先创建一个html文件。 2.在html文件中添加html代码架构。html> 改变文字3.然后在html代码架构中的body标签里面使用p标签和button标签实现一个按钮和一段文本。 我要改变这句话 点击我吧,就能改变了哦 4.在html架构中的html标签里面添加script标签并设置点击按钮改变文本的功能。 function myFunction() { x = document.getElementById("claa"); x.innerHTML = "终于能改变这句话了"; y = document.getElementById("clab") y.innerHTML = "怎么样,改变了吧" } 5.最后可通过浏览器方式阅读html文件查看设计效果。 完整示例代码如下:html> 改变文字我要改变这句话 点击我吧,就能改变了哦 function myFunction() { x = document.getElementById("claa"); x.innerHTML = "终于能改变这句话了"; y = document.getElementById("clab") y.innerHTML = "怎么样,改变了吧" } |
CopyRight 2018-2019 实验室设备网 版权所有 |