JavaScript点击按钮修改文本的方法:1、创建一个按钮元素,使用onclick属性绑定点击事件,并设置事件处理函数;2、在事件处理函数中,使用“元素对象.innerHTML="修改后的文本内容";”语句修改元素文本内容即可。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
JavaScript点击按钮修改文本
实现思想:
创建一个按钮元素,使用onclick属性绑定点击事件,并设置事件处理函数;
在事件处理函数中,利用innerHTML属性修改元素文本内容。
实现代码:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <p id="con">默认文本内容</p> <button onclick="myFunction()">点击按钮修改文本内容</button> <script> function myFunction() { var p=document.getElementById("con"); p.innerHTML="修改后的文本内容"; } </script> </body> </html>
【相关推荐:javascript学习教程】
Das obige ist der detaillierte Inhalt vonSo klicken Sie auf eine Schaltfläche, um Text mit JavaScript zu ändern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!