Question

我正在尝试为机器人技术制作一个竞争分析侦察应用程序，我想显示我已经制作的一些JS变量的值。我尝试使用.innerHTML，但只显示了变量的名称。这是我必须显示变量的代码：

document.getElementById("p1").innerHTML = "linesCrossed";

我也是用电子做的，所以也许这个问题的一部分？提前感谢您的帮助。

Answer 1

我建议尝试以下内容，linesCrossed没有引号：

<script> document.getElementById("p1").innerHTML = linesCrossed;</script>

Answer 2

您正在使用string literal，即“linesCrossed”。要引用该变量，请删除引号。

var linesCrossed = 1337;
document.addEventListener("DOMContentLoaded", function(event) {
  document.addEventListener("click", function(clickEvent) {
    if (clickEvent.target.id == 'updateButton') {
      document.getElementById("p1").innerHTML = linesCrossed;
    }
  });
});

<div>P1:
  <span id="p1"></span>
</div>
<button id="updateButton">update p1</button>

上面的代码示例使用事件委派，利用click事件的event.target属性。

Answer 3

如果要显示变量的值，则不应使用单引号'，双引号"或反引号`进行包装。

document.getElementById("p1").innerHTML = linesCrossed;

如何在HTML网页上显示JS变量的值？

3 个答案: