通过js获得input文本框输入的值
如何通過js獲得input文本框輸入的值。
- 前言
我們編寫的被載入瀏覽器的HTML頁面都是一個 Document 對象。對于Document對象可以使我們通過代碼(比如javascript)對HTML頁面中的所有元素進行訪問。比如div標簽元素、span元素、input元素等等。
Document對象具有以下的屬性：
Body：提供對 <body> 元素的直接訪問。對于定義了框架集的文檔，該屬性引用最外層的 <frameset>。
cookie： 設置或返回與當前文檔有關的所有 cookie。
domain：返回當前文檔的域名
lastModified：返回文檔被最后修改的日期和時間。
referrer：返回載入當前文檔的文檔的 URL。
title：返回當前文檔的標題。
URL: 返回當前文檔的 URL。
Document 對象的方法：
open():打開一個流，以收集來自任何 document.write() 或 document.writeln() 方法的輸出。
close():關閉用 document.open() 方法打開的輸出流，并顯示選定的數據。
getElementById():返回對擁有指定 id 的第一個對象的引用。
getElementsByName():返回帶有指定名稱的對象集合。
getElementsByTagName():返回帶有指定標簽名的對象集合。
write():向文檔寫 HTML 表達式 或 JavaScript 代碼。
writeln():等同于 write() 方法，不同的是在每個表達式之后寫一個換行符。
二．實例
通過上述的document對象及其方法我們可以采用js獲取input文本框輸入的內容，在html中input也是元素內容，代碼如下
<input id='inputValueID' type='text' style='margin-left: 18px;width: 80px; border-radius: 5px; outline: medium; text-align: center; border: 1px solid #666666;'/>通過id以及document對象的getElementById()方法，我們可以獲取其值代碼如下
function selectValue() {//聲明value變量并將獲取的值賦給valuevar value = document.getElementById("inputValueID").value;//窗口彈出input文本框輸入的值alert(value);}結果如下
同樣，還可以通過getElementsByName方法和getElementsByTagName方法獲取值。
getElementsByName():
<input name='inputValueID' type='text' style='margin-left: 18px;width: 80px; border-radius: 5px; outline: medium; text-align: center; border: 1px solid #666666;'/> function selectValue() {//聲明value變量并將獲取的值賦給valuevar value = document.getElementByName("inputValueID").value;//窗口彈出input文本框輸入的值alert(value);}????getElementsByTagName():
function selectValue() {//聲明value變量并將獲取的值賦給valuevar value = document.getElementByName("input").value; //如果是p標簽則是,var value = document.getElementByName("P").value; //如果傳遞的是*,返回所有元素的列表，元素排列的順序就是它們在html中的順序。var value = document.getElementByName("*");//窗口彈出input文本框輸入的值alert(value);}申明：以上關于document介紹部分內容參考W3Cschool,如有侵權，聯系作者刪除。
總結
以上是生活随笔為你收集整理的通过js获得input文本框输入的值的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： poj1658
- 下一篇： 51 单片机实战教程(14 外围芯片驱动