前端筆記45——JavaScript獲取和設定input的值
阿新 • • 發佈：2019-01-01
前言
在前面的前端筆記44——獲取或者修改div內容中提到修改div中的內容。但是input標籤中，獲取和設定的方法和前面的部落格是有區別的。
程式碼示例
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="text" id="ipt" value="填寫內容"/> <button id="btn">點選</button> <script type="text/javascript"> // 點選按鈕，獲取input裡面的內容 // 1.找到按鈕 找到input 2.點選事件 3.事件繫結 var oBtn = document.getElementById('btn') var oIpt = document.getElementById('ipt') oBtn.onclick = function(){ // 彈出input的內容 // alert(oIpt.value) oIpt.value = "改變了內容" } </script> </body> </html>
上面程式碼中獲取input標籤中的方法是input的id.value，設定內容的方法也很簡單就是對input的id.value進行賦值，JavaScript獲取和設定input的值就是那麼簡單。