在 javascript 中使用变量如何工作？

Question

我这里有一些简单的代码，我想通过显示 none 来测试一下，我的 javascript 有什么问题吗？（我对 js 很陌生）

 var meter = document.getElementById("meter").innerHTML;
        meter.style.display = "none";

<meter id="meter" min="0" max="10"></meter>

控制台说 meter 未定义，但我在上面定义了它。

Answer 1

meter 是元素（字符串）的 innerHTML，而不是元素本身。

改为使用：

var meter = document.getElementById("meter");
meter.style.display = "none";

<meter id="meter" min="0" max="10"></meter>

如果你想隐藏它并获取它的值，你可以这样做：

var meter = document.getElementById("meter");
meter.style.display = "none";
var val = meter.value;
console.log(val)

<meter id="meter" min="0" max="10" value="3"></meter>

How does using variables in javascript work?