首頁  >  文章  >  web前端  >  javascript怎麼取代文字方塊選取的值

javascript怎麼取代文字方塊選取的值

WBOY
WBOY原創
2022-01-12 16:09:292814瀏覽

在JavaScript中,可以利用value屬性替換文字方塊選取的值,該屬性可以設定或傳回密碼域的預設值,透過取得文字方塊對象,修改其value屬性值,便可修改文字方塊的值,語法為「指定文字選取物件.value='替換後的值'」。

javascript怎麼取代文字方塊選取的值

本教學操作環境:windows10系統、javascript1.8.5版、Dell G3電腦。

javascript怎麼替換文字方塊選取的值

在js中,透過取得文字方塊對象,修改其value屬性值,便可修改文字方塊的值。

範例如下:

使用input標籤建立一個文字框,並設定其id屬性為test,用於下面取得文字框物件。透過value設定input文字方塊的預設值,例如,這裡設定預設值為5566。

使用button標籤建立一個按鈕,給button按鈕綁定onclick點擊事件,當按鈕被點擊時,執行editinput()函數。

在js標籤中,建立editinput()函數,在函數內,透過id獲得input對象,透過給對象的value屬性重新賦值,實現修改文字方塊的值。

語法如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <input type="text" value="5566" id="test">
  <button onclick="editinput()">修改</button>
  <script>
    function editinput() {
      document.getElementById("test").value=&#39;8888&#39;;
    }
  </script>
</body>
</html>

輸出結果:

javascript怎麼取代文字方塊選取的值

點擊按鈕後:

javascript怎麼取代文字方塊選取的值

【相關推薦:javascript學習教學

#

以上是javascript怎麼取代文字方塊選取的值的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn