js点击按钮改变按钮文字怎么实现

lewis 6年前 (2019-01-19) 阅读数 9 #程序编程

文章标签 js

要实现点击按钮改变按钮文字，可以使用JavaScript来操作DOM元素。首先，需要获取按钮元素，然后给按钮添加一个点击事件的监听器，当点击按钮时触发相应的事件处理函数，在事件处理函数中修改按钮的文字。

以下是一个示例代码：

HTML：

<button id="myButton">点击我</button>

JavaScript：

// 获取按钮元素
var button = document.getElementById("myButton");
// 添加点击事件监听器
button.addEventListener("click", function() {
// 修改按钮的文字
button.innerText = "已点击";
});

在上面的代码中，首先通过document.getElementById方法获取了带有myButtonid的按钮元素。然后，使用addEventListener方法给按钮添加了一个点击事件的监听器，当点击按钮时，会触发回调函数。在回调函数中，使用button.innerText属性来修改按钮的文字为"已点击"。