javascript - 对象 HTMLInputElement 它显示此错误

Question

html代码

<p id="value"></p>
Date to Travel <input type="date" id="date" name="date" />

javascript代码

对我来说代码看起来很干净，但不知道其中有什么问题

window.onload = function() {
    document.getElementById("date").addEventListener("keyup", keyisup, false);
}

function keyisup() {
    document.getElementById("value").innerHTML = date;
}

Answer 1

它显示[object HTMLInputElement]因为你告诉它这样做。

document.getElementById("value").innerHTML = date;

在此代码中，您将innerHTML设置为date ，但是您没有在任何地方定义它。所以发生的情况是它采用全局值 date这将是对 <input type="date" id="date" name="date" /> 的引用，因为如果 HTML 元素具有 id，则浏览器会将 HTML 元素公开为全局引用。属性。

可能的解决方案是:

function keyisup(e) {
    document.getElementById("value").innerHTML = e.target.value; // or this.value
}