第一步先找到這個input元素
找到元素有三種方法:
document.getElementById("id的名稱")
document.getElementsByTagName("標籤名") 返回的是一個類陣列
document.getElementsByClassName("類樣式名")
第二步獲取值直接.value即可例:
var inputDom = document.getElementById("text");//找到元素,假如給input元素加了id屬性 且 值為:text
var text = inputDom.value; //獲取元素值
實時獲取input輸入框中的值需要oninput和onpropertychange屬性來實現。原因是onpropertychange屬性為IE專屬,而oninput屬性支援大部分瀏覽器包括IE9及以上的版本。
oninput與onpropertychange失效的情況:
oninput事件:
在指令碼中改變value時,不會觸發;
從瀏覽器的自動下拉提示中選取時,不會觸發。
第一步先找到這個input元素
找到元素有三種方法:
document.getElementById("id的名稱")
document.getElementsByTagName("標籤名") 返回的是一個類陣列
document.getElementsByClassName("類樣式名")
第二步獲取值直接.value即可例:
var inputDom = document.getElementById("text");//找到元素,假如給input元素加了id屬性 且 值為:text
var text = inputDom.value; //獲取元素值
實時獲取input輸入框中的值需要oninput和onpropertychange屬性來實現。原因是onpropertychange屬性為IE專屬,而oninput屬性支援大部分瀏覽器包括IE9及以上的版本。
oninput與onpropertychange失效的情況:
oninput事件:
在指令碼中改變value時,不會觸發;
從瀏覽器的自動下拉提示中選取時,不會觸發。