[英]Getting [object HTMLInputElement] in display instead of number
I am taking a number as an input from an input box and on clicking a button, I want the number to be displayed on the page.我将数字作为输入框的输入,然后单击按钮,我希望该数字显示在页面上。 But I am getting,
[object HTMLInputElement]
as the output.但我得到,
[object HTMLInputElement]
作为输出。
Here's my typescript code:这是我的打字稿代码:
let quantity = <HTMLInputElement>document.createElement("input");
quantity.type = "number"
quantity.id = "quan"
document.body.appendChild(quantity)
var getQuantity = <HTMLInputElement>document.getElementById("quan");
let gq = getQuantity.toString()
var btn = <HTMLButtonElement>document.createElement("button");
document.body.appendChild(btn)
btn.addEventListener('click', function(){
Display.innerHTML += "<br>"+ gq
})
When using .toString()
, you get the string representation of the Input Element.使用
.toString()
,您将获得输入元素的字符串表示形式。
You want the value, so you can just call .value
.你想要这个值,所以你可以调用
.value
。 In your example that would look like so:在您的示例中,看起来像这样:
let gq = getQuantity.value;
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.