更新文本不起作用

Updating text not working

本文关键字:不起作用 文本 更新      更新时间:2023-09-26

我希望能够单击按钮,并将span中的文本更改为函数中的内容。任何帮助都将不胜感激!

function UpdateText(){
    document.getElementById(bar).innerHTML= "hey";
}
<span id="bar">sup</span>
<button onClick="UpdateText()">hi</button>

Fiddle

您需要将bar置于引号内。

document.getElementById("bar").innerHTML= "hey";

实际上,您应该将"Frameworks&Extensions"的下拉列表设置为"No wrap-In <head>"。这与在<head>标记中使用UpdateText()函数的作用相同,然后它就可以工作了。