js有关input type=date传值类型

最新推荐文章于 2025-06-03 15:58:35 发布

huo_le

最新推荐文章于 2025-06-03 15:58:35 发布

阅读量5k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/huo_le/article/details/78797527

本文介绍了一个简单的HTML页面中使用JavaScript来获取与修改页面元素的方法。通过一个示例演示了如何用JavaScript读取输入框（input type=date）的值，并将其显示在另一个HTML元素中。此外，还展示了如何通过按钮点击事件触发这一过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html代码js写在html里：

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>下拉菜单</title>
</head>
<body>
<input type="date" id="date" />
<button id="btn">test</button>
<p id="p">123</p>
</body>
<script>
    var date=document.getElementById("date");
    var btn=document.getElementById("btn");
    var p=document.getElementById("p");
    btn.onclick=function(){
        p.innerHTML=date.value;
        alert(typeof date.value);
    }

</script>
</html>
可见alert方法里获取input type="date"的值是string类型