" document.getElementById(" ").value"在我的视觉工作室代码中不起作用

Question

我是JS的新手，我试图通过下面的代码获得输入的值：

var num1 = document.getElementById("num1").value

但Intellisense并没有向我展示"；值"；。当我写"；。va"；，它向我展示了"；nodeValue"；并且它没有向我显示"；值"；在自动完成选项中。

var lbl = document.getElementById("lblResult");
lbl.innerHTML = "Ok";
function Sum() {
var num1 = document.getElementById("num1").value;
var num2 = document.getElementById("num2").value;
num1 = parseInt(num1);
num2 = parseInt(num2);
var sum = num1 + num2;
lbl.innerHTML = sum;
};

<h2 id="lblResult">salam</h2>
Number 1 : <input type="number" id="num1" />
<br /> Number 2 : <input type="number" id="num2" />
<br />
<input type="submit" onclick="Sum();" value="sum">

有人能帮我吗？

Answer 1

您可能需要指示元素的类型，因为document.getElementById也可以返回其他没有value属性的元素。例如CCD_ 4元素与CCD_。VsCode使用TS作为它的智能感知。

使用以下类型的JSDoc注释。

var lbl = document.getElementById("lblResult");
lbl.innerHTML = "Ok";
function Sum() {
/**
* Indicate your element type will be HTMLInputElement
* @type HTMLInputElement
*/
var num1 = document.getElementById("num1").value;
var num2 = document.getElementById("num2").value;
num1 = parseInt(num1);
num2 = parseInt(num2);
var sum = num1 + num2;
lbl.innerHTML = sum;
};

更多关于JSDoc:JSDoc参考