HTML innerHtml 在函数更新后不更新

Question

我正在处理面试练习题，运行进入内部HTML，它有一个预定义的 HTML 元素和一个正在传递的绑定参数。

var foo = false;
function define(x) {
    var foo = true;
 }
 define(true);
 document.getElementById('foo').innerHTML= "'foo' is equal to '" + foo + "'.";

 <span id="foo"></span>

我尝试了一些不同的方法，例如在 javaScript 中创建元素，尝试使用 '.textContent = "" +foo + ""' 进行设置，使函数使用内部值 return{ foo:true} 与 foo = define(true).foo;和其他几个人虽然 foo 的价值仍然是错误的。什么设置这里？

Answer 1

Foo 为假，因为函数中的内部 foo 变量超出了您使用 "the outer" foo.

的块的范围

 var foo = false;
 function define(x) {
    var foo = true;
    return foo; // function should return a value
 }
 foo = define(true); // this will retrieve the value from the function
 document.getElementById('foo').innerHTML= "'foo' is equal to '" + foo + "'.";

HTML innerHtml 在函数更新后不更新

HTML innerHtml doesn't update after function updates

html

javascript

getelementbyid