JS 输出到 html 输入

JS output to a html input

本文关键字：输入 html 输出 JS      更新时间：2023-09-26

需要时间脚本的输出来更改输入字段的输入，但无法弄清楚。

<script>
function addZero(i) {
if (i < 10) {
    i = "0" + i;
}
return i;
}
function checkouttimeFunction() {
var d = new Date();
var x = document.getElementById("demo");
var h = addZero(d.getHours());
var m = addZero(d.getMinutes());
var s = addZero(d.getSeconds());
x.innerHTML = h + ":" + m + ":" + s;
var elem = document.getElementById("cout");
elem.value = document.getElementById("demo");
}
</script>
看起来像在

您要执行的操作checkouttimeFunction()的最后一行：

elem.value = x.innerHTML;

以外：

elem.value = document.getElementById("demo");

当您尝试将value设置为 DOM 元素时。

小提琴示例

我假设您希望 x 的内部 HTML 文本显示在输入字段 elem 中。

您不能将"value"属性设置为HTML元素，但可以将其设置为所需的文本（例如时间）。

<script>
function addZero(i) {
if (i < 10) {
    i = "0" + i;
}
return i;
}
function checkouttimeFunction() {
var d = new Date();
var h = addZero(d.getHours());
var m = addZero(d.getMinutes());
var s = addZero(d.getSeconds());
var elem = document.getElementById("cout");
elem.value = h + ":" + m + ":" + s;
}
</script>

你应该改变 

elem.value = document.getElementById("demo");

自

elem.value = document.getElementById("demo").innerHTML;

这应该给你你需要的东西。因为你需要元素的内容，document.getElementById（） 只会给你元素，它将以对象的形式出现。

希望这有帮助。

相关文章：