在JavaScript中,修复该问题的一种解决方法是使用addEventListener方法而不是onclick。具体地说,可以写一个函数来更改文本,并在响应按钮的addEventListener调用中引用该函数。
代码示例:
HTML代码:
初始文本
JavaScript代码:
var button = document.getElementById("myButton"); button.addEventListener("click", changeText);
function changeText() { var text = document.getElementById("myText"); if (text.innerHTML === "初始文本") { text.innerHTML = "更改后的文本"; } else { text.innerHTML = "初始文本"; } }
在这个示例中,我们创建一个id为“myButton”的按钮,以及一个id为“myText”的文本段落。我们还创建了一个名为“changeText”的函数,该函数将对文本进行更改。
在JavaScript中,我们使用document.getElementById方法来检索按钮和文本元素并将一个类似于以下内容的函数注入到按钮的addEventListener中:
button.addEventListener("click", changeText);
此代码告诉JavaScript在单击按钮时调用“changeText”函数。
在changeText函数中,我们引用文本段落并检查其innerHTML属性。如果文本段落的innerHTML属性等于“初始文本”,则将其更改为“更改后的文本”。如果不是,则将其更改为“初始文本”。