js点击按钮改变按钮文字

你可以使用 JavaScript 来实现这个功能。首先，需要在 HTML 中定义一个按钮，并为其添加一个 id 属性，如下所示：

<button id="myButton" onclick="changeText()">Click me!</button>

然后，在 JavaScript 中编写一个函数来改变按钮的文字，如下所示：

function changeText() {
  document.getElementById("myButton").innerHTML = "Button clicked!";
}

这个函数通过 `document.getElementById` 方法获取按钮的元素，并将其 `innerHTML` 属性设置为新的文字。最后，将函数绑定到按钮的 `onclick` 事件上，这样当用户点击按钮时，就会触发函数并改变按钮的文字。

相关问题

微信小程序点击按钮文字改变

你可以在小程序的 wxml 文件中定义一个按钮组件，并在按钮的 bindtap 事件中写入相应的函数来改变按钮的文字。

举个例子，在 wxml 文件中定义一个按钮组件，如下所示：

<button bindtap="changeText">{{ buttonText }}</button>

其中，buttonText 是一个变量，用于存储按钮的文字，初始值可以在对应页面的 data 中设置。

接下来，在对应页面的 js 文件中定义一个 changeText 函数，如下所示：

Page({
  data: {
    buttonText: '原始文字'
  },
  changeText: function() {
    this.setData({
      buttonText: '新的文字'
    })
  }
})

在 changeText 函数中，使用 setData 方法来改变 buttonText 变量的值，从而改变按钮的文字。

当用户点击按钮时，就会触发 changeText 函数，从而改变按钮的文字为新的文字。

使用闭包实现点击按钮改变页面上的文字大小

可以使用闭包来实现这个功能。下面是一个示例代码：

<!--HTML部分-->
<button id="btn">点击我改变文字大小</button>
<p id="text">这是一段示例文本</p>

// JavaScript部分
function changeTextSize(size) {
  return function() {
    document.getElementById("text").style.fontSize = size + "px";
  }
}

var btn = document.getElementById("btn");
btn.addEventListener("click", changeTextSize(20));

在上面的代码中，我们定义了一个名为`changeTextSize`的函数，该函数返回一个新函数。新函数用于更改页面上元素的字体大小。通过调用`changeTextSize`函数并传递所需的字体大小，我们可以创建一个新函数，该函数将在按钮被点击时调用。

在`addEventListener`函数中，我们将创建一个新的函数作为回调函数，并将其传递给按钮的`click`事件。当按钮被点击时，这个新函数将被调用，从而改变文本的字体大小。

请注意，由于闭包的原因，`changeTextSize`函数可以访问它被调用时的变量。在这种情况下，size变量在新函数中被引用，以便我们可以在不同的字体大小之间进行切换。