单击更改按钮文本

Question

所以，我按照www.code.org的在线课程来适应JavaScript。我使用了setProperty();和onEvent();等元素。我使用在线编辑器添加按钮和以下代码，以便在用户点击它时更改按钮的文本：

onEvent("button1","click", function()
 {
  setProperty("button1","text","Hello there!");
 });

我的问题是：如何使用<button>代码在HTML中执行此操作？

Answer 1

这很可能是等效的：将 click 事件监听器添加到按钮并通过texContent在回调函数体中更改其文本的组合。

＆＃13;

＆＃13;

document.getElementById('button1').addEventListener('click', function() {
  this.textContent = 'Hello there!';
});

＆＃13;

<button id="button1">Click Me</button>

＆＃13;

＆＃13;

＆＃13;

Answer 2

HTML
<button id="but" onclick="clickme()">click me </button>

JS

<script>
function clickme(){
document.getElementById("but").innerHTML = "changed";
}
</script>

Answer 3

您可以为按钮添加ID，例如：

<button id="myButton">Click!</button>

然后在javascript中：

1. 选择元素。

document.getElementById("myButton");

1. 为其添加事件处理程序，因此代码将如下所示：

document.getElementById("myButton").onclick = function() {
     myFunction()
};

1. 描述事件

function myFunction() {
    document.getElementById("myButton").innerHTML = "YOU CLICKED ME!";
}

Answer 4

只需在button标签内编写整个onclick事件处理函数。

<button type="buttton" onclick="this.innerHTML='Text changed'"></button>