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

Question

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

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

<meter id="meter" min="0" max="10"></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>