js字符串拼接

最新推荐文章于 2024-03-17 09:15:00 发布

ヽ错落不堪的年华。

最新推荐文章于 2024-03-17 09:15:00 发布

阅读量719

点赞数 1

分类专栏：技术交流前端小功能技术总结文章标签：字符串小案例前端 JavaScript js

本文链接：https://blog.csdn.net/qq_44777678/article/details/90142964

版权

技术交流同时被 3 个专栏收录

107 篇文章 2 订阅

订阅专栏

技术总结

103 篇文章 0 订阅

订阅专栏

前端

97 篇文章 0 订阅

订阅专栏

<!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>字符窜拼接</title>
</head>
<body>
    <input type="button" value="拼接"  id="btn"><br>
    <input type="text" value=""><br>
    <input type="text" value=""><br>
    <input type="text" value=""><br>
    <input type="text" value=""><br>
    <input type="text" value=""><br>
    <script>
    // 通过数组拼接
        // 点击按钮实现拼接
        document.getElementById("btn").onclick =function () {
            //定义一个空对象；
            var str = [];
            // 获取全部的文本框值
            var inputs = document.getElementsByTagName("input");
            // 每个文本框的值  因为多个文本框需要for循环遍历
            for(var i =0;i<inputs.length;i++ ) {
                // 因为获取的文本框内有一个是按钮所有需要判断去除
                if(inputs[i].type != "button" ) {
                    str.push(inputs[i].value);
                }
            }
            // 输出
            console.log(str.join("|"));
        };

    // 通过字符串拼接
        // 点击按钮实现拼接
        document.getElementById("btn").onclick = function () {
             //定义一个空
            var str = "";
            // 获取全部的文本框值
            var inputs = document.getElementsByTagName("input");
            // 每个文本框的值  因为多个文本框需要for循环遍历
            for(var i =0;i<inputs.length-1;i++ ) {
                // 因为获取的文本框内有一个是按钮所有需要判断去除
                if(inputs[i].type != "button" ) {
                    str += inputs[i].value + "|";
                }
            }
            // 输出
            console.log(str+inputs[inputs.length-1].value);
        };
    </script>
</body>
</html>

ヽ错落不堪的年华。

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
js字符串拼接

<!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-U...
复制链接

扫一扫