2 回答

TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超2個(gè)贊
這里有幾點(diǎn)需要注意:
首先,當(dāng)您使用時(shí):var dataIn = document.getElementById(...)
它返回對(duì)由 Id 字符串標(biāo)識(shí)的 html 元素的引用,并將其存儲(chǔ)在您創(chuàng)建的 dataIn 變量中。如果你想要那個(gè)元素的值,你需要使用:dataIn.value。
這是您的腳本的更新版本,可以滿足您的要求:
var dataIn = document.getElementById('data-in');
var dataInterval_out = document.getElementById('data-interval-s');
var dataInterval_in = document.getElementById('data-interval-v');
var dataOut = document.getElementById('data-out');
document.getElementById("submit").onclick = function (e) {
//test
document.getElementById("test").innerHTML = dataIn.value + ' ' + dataInterval_out.value +
' ' + dataInterval_in.value + ' ' + dataOut.value;
}
第二件事是getElementById接受一個(gè)字符串值。您將其包裝在[]'s 中,這是不必要的。
最后一點(diǎn):type="time"并非所有瀏覽器都支持。(例如,Safari 不支持它)。因此,如果支持 macOS 和 iOS 設(shè)備對(duì)您很重要,您可能需要尋找另一種收集日期的方法。

TA貢獻(xiàn)1806條經(jīng)驗(yàn) 獲得超8個(gè)贊
要使用 vanilla js 獲取輸入值,請(qǐng)使用 .value 屬性。
var dataIn = document.getElementById('data-in').value;
var dataInterval_out = document.getElementById('data-interval-s').value;
var dataInterval_in = document.getElementById('data-interval-v').value;
var dataOut = document.getElementById('data-out').value;
此外,通過 id 獲取元素,使用 document.getElementById('elementId')
添加回答
舉報(bào)