要实现点击按钮改变按钮文字,可以使用JavaScript来操作DOM元素。首先,需要获取按钮元素,然后给按钮添加一个点击事件的监听器,当点击按钮时触发相应的事件处理函数,在事件处理函数中修改按钮的文字。
以下是一个示例代码:
HTML:
JavaScript:
// 获取按钮元素 var button = document.getElementById("myButton"); // 添加点击事件监听器 button.addEventListener("click", function() { // 修改按钮的文字 button.innerText = "已点击"; });
在上面的代码中,首先通过document.getElementById
方法获取了带有myButton
id的按钮元素。然后,使用addEventListener
方法给按钮添加了一个点击事件的监听器,当点击按钮时,会触发回调函数。在回调函数中,使用button.innerText
属性来修改按钮的文字为"已点击"。