如何獲取input中輸入的值？第一步先找到這個(gè)input元素找到元素有三種方法:document.getElementById("id的名稱")document.getElementsByTagNam

如何獲取input中輸入的值？

第一步先找到這個(gè)input元素

找到元素有三種方法:

1. document.getElementById("id的名稱")

2. document.getElementsByTagName("標(biāo)簽名") 返回的是一個(gè)類數(shù)組

3. document.getElementsByClassName("類樣式名")

第二步獲取值直接.value即可例:

1. var inputDom = document.getElementById("text")//找到元素，假如給input元素加了id屬性 且 值為:text

2. var text = inputDom.value //獲取元素值

實(shí)時(shí)獲取input輸入框中的值需要oninput和onpropertychange屬性來(lái)實(shí)現(xiàn)。原因是onpropertychange屬性為IE專屬，而oninput屬性支持大部分瀏覽器包括IE9及以上的版本。

oninput與onpropertychange失效的情況：

oninput事件：

1. 在腳本中改變value時(shí)，不會(huì)觸發(fā)；

2. 從瀏覽器的自動(dòng)下拉提示中選取時(shí)，不會(huì)觸發(fā)。