Javascript 单击时更改按钮文本
因此,我从年开始学习了一门在线课程,以适应JavaScript。我使用了诸如Javascript 单击时更改按钮文本,javascript,html,Javascript,Html,因此,我从年开始学习了一门在线课程,以适应JavaScript。我使用了诸如setProperty()之类的元素和onEvent()。我使用在线编辑器添加了一个按钮,并使用以下代码在用户单击按钮时更改按钮的文本: onEvent("button1","click", function() { setProperty("button1","text","Hello there!"); }); 我的问题是:如何在HTML中使用标记实现这一点?这很可能是等效的:向按钮添加单击事件侦听器,并通
setProperty()之类的元素代码>和onEvent()代码>。我使用在线编辑器添加了一个按钮,并使用以下代码在用户单击按钮时更改按钮的文本:
onEvent("button1","click", function()
{
setProperty("button1","text","Hello there!");
});
我的问题是:如何在HTML中使用
标记实现这一点?这很可能是等效的:向按钮添加单击事件侦听器,并通过texContent
更改回调函数体中的文本。
document.getElementById('button1')。addEventListener('click',function(){
this.textContent='Hello here!';
});代码>
单击我
这很可能是等效的:将单击事件侦听器添加到按钮,并通过texContent
更改回调函数体中的文本。
document.getElementById('button1')。addEventListener('click',function(){
this.textContent='Hello here!';
});代码>
点击我
HTML
单击我
JS
函数clickme(){
document.getElementById(“但是”).innerHTML=“已更改”;
}
HTML
单击我
JS
函数clickme(){
document.getElementById(“但是”).innerHTML=“已更改”;
}
您可以向按钮添加id,例如:
<button id="myButton">Click!</button>
将事件处理程序添加到其中,使代码如下所示:
document.getElementById(“myButton”).onclick=function(){
myFunction()
};
描述事件
函数myFunction(){
document.getElementById(“myButton”).innerHTML=“您单击了我!”;
}
您可以向按钮添加id,例如:
<button id="myButton">Click!</button>
将事件处理程序添加到其中,使代码如下所示:
document.getElementById(“myButton”).onclick=function(){
myFunction()
};
描述事件
函数myFunction(){
document.getElementById(“myButton”).innerHTML=“您单击了我!”;
}
只需将整个onclick事件处理程序函数写入按钮标记中即可
<button type="buttton" onclick="this.innerHTML='Text changed'"></button>
只需将整个onclick事件处理程序函数写入按钮标记中即可
<button type="buttton" onclick="this.innerHTML='Text changed'"></button>