JavaScript页面元素获取和设置的灵活应用

2021/12/21 11:49:55

编程Tag： javascript 页面 value var 获取 name show getElementById age

本文主要是介绍JavaScript页面元素获取和设置的灵活应用，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function f() {
            var name = document.getElementById("name");
            var age = document.getElementById("age");
            var str = "你的名字是"+name.value+"你的年龄是"+age.value;
            alert(str);
            var show = document.getElementById("show");
            show.value = str;
        }
    </script>
</head>
<body>
    输入你的名字：<input type="text" id="name"><br>
    输入你的年龄：<input type="text" id="age"><br>
    <input type="text" id="show" style="width: 200px"><br>
    <input type="button" value="确定" onclick="f()">

</body>
</html>

这篇关于JavaScript页面元素获取和设置的灵活应用的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

JavaScript页面元素获取和设置的灵活应用

相关编程文章