Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击时更改按钮文本_Javascript_Html - Fatal编程技术网

Javascript 单击时更改按钮文本

Javascript 单击时更改按钮文本,javascript,html,Javascript,Html,因此,我从年开始学习了一门在线课程,以适应JavaScript。我使用了诸如setProperty()之类的元素和onEvent()。我使用在线编辑器添加了一个按钮,并使用以下代码在用户单击按钮时更改按钮的文本: onEvent("button1","click", function() { setProperty("button1","text","Hello there!"); }); 我的问题是:如何在HTML中使用标记实现这一点?这很可能是等效的:向按钮添加单击事件侦听器,并通

因此,我从年开始学习了一门在线课程,以适应JavaScript。我使用了诸如
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>