Javascript：只能从输入中获取 nodeValue() 而不是 value()？答案

【问题标题】：Javascript: Can only get nodeValue() not value() from an input?Javascript：只能从输入中获取 nodeValue() 而不是 value()？
【发布时间】：2020-08-12 20:42:03
【问题描述】：

我有以下HTML 输入：

<input type="number" id="input-number"/>

在下面的JS 代码中，当我尝试在userInput 上执行.value 时，我不能这样做，我只能执行.nodeValue。

这是为什么？

// elements on page
const userInput = document.getElementById('input-number');
const addBtn = document.getElementById('btn-add');
const subtractBtn = document.getElementById('btn-subtract');

【问题讨论】：

没有minimal reproducible example 我想我们不能说。
我猜这是因为您试图访问val，这不是 html 元素的属性。

标签： javascript html dom getelementbyid nodevalue

【解决方案1】：

我刚刚发现它在这里工作正常。你可以看看这个例子。

const userInput = document.getElementById('input-number');
const addBtn = document.getElementById('btn-add');
const subtractBtn = document.getElementById('btn-subtract');

addBtn.addEventListener('click', (e) => {
  userInput.value++;
})

subtractBtn.addEventListener('click', (e) => {
  userInput.value--;
})

<input type="number" value=0 id="input-number"/>
<button id="btn-add">+</button>
<button id="btn-subtract">-</button>

【讨论】：