javascript可以获取input的值吗

2021-04-21,,

javascript可以获取input的值,方法:首先使用“document.getElementById("id值")”语句获取到input元素对象;然后使用“input元素对象.value”语句来获取input元素的值即可。

/2021/04/44847df7.jpg

本教程操作环境: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>

运行结果:

/2021/04/2c870b3a.gif" /2021/04/2c870b3a.gif" alt="1.gif

说明:

getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。

value 属性可设置或返回文本域的值。

【推荐学习:javascript高级教程】

以上就是javascript可以获取input的值吗的详细内容,更多请关注北冥有鱼其它相关文章!

本文转载自【PHP中文网】,希望能给您带来帮助,苟日新、日日新、又日新,生命不息,学习不止。

《javascript可以获取input的值吗.doc》

下载本文的Word格式文档,以方便收藏与打印。