所以,我按照www.code.org的在线课程来适应JavaScript。我使用了setProperty();
和onEvent();
等元素。我使用在线编辑器添加按钮和以下代码,以便在用户点击它时更改按钮的文本:
onEvent("button1","click", function()
{
setProperty("button1","text","Hello there!");
});
我的问题是:如何使用<button>
代码在HTML中执行此操作?
答案 0 :(得分:2)
这很可能是等效的:将 click 事件监听器添加到按钮并通过texContent
在回调函数体中更改其文本的组合。
document.getElementById('button1').addEventListener('click', function() {
this.textContent = 'Hello there!';
});
&#13;
<button id="button1">Click Me</button>
&#13;
答案 1 :(得分:1)
HTML
<button id="but" onclick="clickme()">click me </button>
JS
<script>
function clickme(){
document.getElementById("but").innerHTML = "changed";
}
</script>
答案 2 :(得分:0)
您可以为按钮添加ID,例如:
<button id="myButton">Click!</button>
然后在javascript中:
document.getElementById("myButton");
document.getElementById("myButton").onclick = function() {
myFunction()
};
function myFunction() {
document.getElementById("myButton").innerHTML = "YOU CLICKED ME!";
}
答案 3 :(得分:0)
只需在button标签内编写整个onclick事件处理函数。
<button type="buttton" onclick="this.innerHTML='Text changed'"></button>