JS獲取一個(gè)input的value的方法

更新時(shí)間：2021-09-03 10:17:01 來(lái)源：動(dòng)力節(jié)點(diǎn) 瀏覽1897次

方法一：

<html>  
 <head>  
 <script language="javascript">  
  function print(){  
   var a=myform.name.value;  
   alert(a);  
  }  
 </script>  
 </head>  
 <body>  
  <form name="myform">  
   <input type="text" name="name" id="nn" />  
   <input type="button" name="button" value="獲取" onclick="print()" />  
  </form>    
 </body>  
</html>

這是獲取網(wǎng)頁(yè)input值的方法之一，給from一個(gè)名字然后在JavaScript的地方就可以用form的名字來(lái)調(diào)用form表單里input元素的value屬性可以得到值，并把值賦給a，最后用JavaScript的alert()打印方法打印出來(lái)。

方法二：

<html>  
 <head>  
 <script language="javascript">  
  function print(){  
   var a=document.getElementById("nn").value;  
   alert(a);  
  }  
 </script>  
 </head>  
 <body>  
  <form>  
   <input type="text" name="name" id="nn" />  
   <input type="button" name="button" value="獲取" onclick="print()" />  
  </form>    
 </body>  
</html>

以上就是動(dòng)力節(jié)點(diǎn)小編介紹的"JS獲取一個(gè)input的value的方法"，希望對(duì)大家有幫助，想了解更多可查看JavaScript教程。動(dòng)力節(jié)點(diǎn)在線學(xué)習(xí)教程，針對(duì)沒(méi)有任何Java基礎(chǔ)的讀者學(xué)習(xí),讓你從入門(mén)到精通,主要介紹了一些Java基礎(chǔ)的核心知識(shí)，讓同學(xué)們更好更方便的學(xué)習(xí)和了解Java編程，感興趣的同學(xué)可以關(guān)注一下。

上一篇Vue點(diǎn)擊按鈕彈出頁(yè)面下一篇HTML引入JS文件

相關(guān)閱讀