javascript動態設定input文字框的值

admin發表於2017-04-08
JavaScript

這是一個極其簡單的操作，但是可能不少初學者對此還不是太清楚。

不過只要一個簡單的例項程式碼就完全讓初學者明瞭，例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title> 
</head>
<script type="text/javascript">
window.onload=function(){
  var otxt=document.getElementById("txt");
  var obt=document.getElementById("bt");
  obt.onclick=function(){
    otxt.value="本站的url地址是softwhy.com";
  }
}
</script>
<body>
<input type="text" id="txt"/>
<input type="button" id="bt" value="檢視效果"/>
</body>
</html>

上面的程式碼實現了我們的要求，程式碼比較簡單，更多內容可以參閱相關閱讀。

相關閱讀:

（1）.document.getElementById()可以參閱document.getElementById()一章節。

（2）.onclick可以參閱javascript click事件一章節。

（3）.value屬性可以參閱javascript text.value一章節。

相關文章