Javascript 对象HTMLInputElement它显示此错误
html代码Javascript 对象HTMLInputElement它显示此错误,javascript,html,Javascript,Html,html代码 <p id="value"></p> Date to Travel <input type="date" id="date" name="date" /> 它显示[object HTMLInputElement],因为是您让它这样做的 document.getElementById("value").innerHTML = date; 在这段代码中,您将innerHTML设置为date,但是您没有在任何地方定义它。所以,它采用全局值date,
<p id="value"></p>
Date to Travel <input type="date" id="date" name="date" />
它显示
[object HTMLInputElement]
,因为是您让它这样做的
document.getElementById("value").innerHTML = date;
在这段代码中,您将innerHTML设置为date
,但是您没有在任何地方定义它。所以,它采用全局值date
,这将是对
的引用,因为如果HTML元素具有id
属性,则浏览器会将其公开为全局引用
可能的解决办法是:
function keyisup(e) {
document.getElementById("value").innerHTML = e.target.value; // or this.value
}
你试过了吗
function keyisup()
{
document.getElementById("value").innerHTML = $('#date').val();
}
如果您指的是id日期为的输入,我认为这会起作用
document.getElementById("value").innerHTML = document.getElementById("date").value;
这是我自己发现错误的答案
谢谢大家日期变量在哪里?日期现在未定义..那么应该是什么样的日期由输入类型的id使用id@Mikey它可能是HTML元素,因为浏览器如果有id,就会将元素放在全局对象上。@Komaldeepchahal,如果您打算将
date
元素的值放在value
元素中,那么您可能打算执行date.value
而不仅仅是date
@PatrickEvans我不知道浏览器在全局范围内设置HTML元素,但是如果我想获取一个特定的元素,我永远不会以这种方式使用它。。为什么这个onkey函数在chrome上不起作用。。但Firefox仍在工作,谢谢。。为什么这个onkey函数在chrome上不起作用。。但它在firefox上工作——
document.getElementById("value").innerHTML = document.getElementById("date").value;