第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

如何使用 JavaScript 從 HTML 中獲取時(shí)間值?

如何使用 JavaScript 從 HTML 中獲取時(shí)間值?

qq_遁去的一_1 2022-10-08 17:59:24
我正在嘗試通過 JavaScript 獲取時(shí)間輸入元素的值。當(dāng)我嘗試使用getElementById顯示的值時(shí):[object HTMLInputElement]如果使用querySelectorAll,則值為:[NodeList]我也嘗試使用索引,但沒有任何新的事情發(fā)生。這是我的 HTML:<div class="principal-grid">    <title>Hour Control</title>    <label class="description-values">In</label>    <input id="data-in" type="time" class="values">    <label class="description-values">Interval - Saída</label>    <input id="data-interval-s" type="time" class="values">    <label class="description-values">Interval - Volta</label>    <input id="data-interval-v" type="time" class="values">    <label class="description-values">Out</label>    <input id="data-out" type="time" class="values">    <input id="submit" type="submit" class="send" value="Send"></div>這是腳本: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 + ' ' + dataInterval_out +        ' ' + dataInterval_in + ' ' + dataOut;}
查看完整描述

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ì)您很重要,您可能需要尋找另一種收集日期的方法。


查看完整回答
反對(duì) 回復(fù) 2022-10-08
?
慕森卡

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')


查看完整回答
反對(duì) 回復(fù) 2022-10-08
  • 2 回答
  • 0 關(guān)注
  • 187 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)