使用JS实现点击按钮改变HTML标签的内容

2025-05-03 22:04:52

1、新建一个HTML文件,命名为test.html,用于实现点击按钮改变HTML标签的内容。

使用JS实现点击按钮改变HTML标签的内容

3、再在test.html页面定义一个input元素,类型为button按钮类型,用于实现点击的效果。

使用JS实现点击按钮改变HTML标签的内容

5、当用户点击按钮时,通过onclick事件执行一个change_con()函数,使用该方法实现改变p标签的内容。

使用JS实现点击按钮改变HTML标签的内容

7、在浏览器运行代码,测试效果:

使用JS实现点击按钮改变HTML标签的内容
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢