首頁 > 文章 > web前端 > javascript可以取得input的值嗎

javascript可以取得input的值嗎

青灯夜游原創: 2021-04-20 15:39:135280瀏覽

javascript可以取得input的值，方法：先使用「document.getElementById("id值")」語句取得到input元素物件；然後使用「input元素物件.value」語句來取得input元素的值即可。

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

javascript可以取得input值

程式碼範例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>JavaScript中获取input元素value值</title>
    <link rel="stylesheet" href="">
    <script>
        function printInputValue() {
            var inputValue = document.getElementById("demo1").value;
            console.log(inputValue);
            document.getElementById("demo2").innerHTML = inputValue;
        }
    </script>
</head>
<body>
    <input type="text" id="demo1">
    <button onclick="printInputValue()">获取input元素value值</button>
    <p id="demo2"></p>
</body>
</html>

執行結果：

javascript可以取得input的值嗎

# #說明：

getElementById() 方法可傳回擁有指定ID 的第一個物件的參考。

value 屬性可設定或傳回文字域的值。

【推薦學習：

javascript高階教學】#

以上是javascript可以取得input的值嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

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

上一篇：javascript怎麼實現按鈕點擊進行跳轉下一篇：javascript怎麼實現按鈕點擊進行跳轉

看更多