将变量渲染到页面

Question

请原谅这个问题的初学者水平，但有人可以解释为什么这会呈现＆＃34;测试＆＃34;而不是foo？以及如何让它渲染foo。

<script>
var test = foo;
</script>

<div>test</div>

Answer 1

因为test不是div中的变量。它是一个字符串文字。

如果你想在那里渲染foo，那么你必须这样做......

<div id="divTest"></div>
<script>
    var test = 'foo';
    document.getElementById('divTest').innerHTML = test;
</script>

上面的

test是一个变量，其中包含文字＆＃39; foo＆＃39;分配给它。然后，我在div的内部HTML中设置了该变量的文本，其标识为divTest。

我建议您阅读一些有关HTML和JavaScript的教程，以帮助您入门。

Answer 2

一些问题：

• 当foo为test
时，您设置的foo等于undefined
• 您的HTML无法访问任何类型的JavaScript变量

如果你想做这样的工作，请尝试以下方法：

<div id="myInput"></div>
<script>
  var test = "test"
  var foo = test
  document.getElementById("myInput").innerHtml = foo
</script>