拼接大量字符串处理

最新推荐文章于 2022-06-10 11:39:16 发布

广东话的蛇皇

最新推荐文章于 2022-06-10 11:39:16 发布

阅读量143

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_43618136/article/details/104308448

版权

前端专栏收录该内容

352 篇文章 1 订阅

订阅专栏

拼接大量字符串处理

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>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>

  //  var str="abcef";
  //  console.log(str[2]);
  //  str[2]="H";
  //  console.log(str);


  //字符串特性:不可变性
  //点击按钮实现拼接
  //  document.getElementById("btn").οnclick=function () {
  //    var str="";
  //    //获取所有的文本框
  //    var inputs=document.getElementsByTagName("input");
  //    //每个文本框的value属性值
  //    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);
  //  };

  //推荐使用数组的方式拼接大量的字符串
  document.getElementById("btn").onclick = function () {
    var str = [];
    //获取所有的文本框
    var inputs = document.getElementsByTagName("input");
    //每个文本框的value属性值
    for (var i = 0; i < inputs.length; i++) {
      if (inputs[i].type != "button") {
        str.push(inputs[i].value);
      }
    }
    console.log(str.join("|"));//字符串
  };
</script>

</body>
</html>

广东话的蛇皇

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
拼接大量字符串处理

拼接大量字符串处理<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title></head><body><input type="button" value="拼接字符串" ...
复制链接

扫一扫

专栏目录