JS---案例:大量字符串拼接效果实现
程序员文章站
2022-03-04 14:37:57
案例:大量字符串拼接效果实现 按钮点击,字符串拼接,最后效果字符串,str input有很多,type来分就有button和text,需要找出inputs[i].value是text的 所以用!="button",满足条件就push进str,所以是str.push(inputs[i].value) ......
案例:大量字符串拼接效果实现
按钮点击,字符串拼接,最后效果字符串,str
input有很多,type来分就有button和text,需要找出inputs[i].value是text的
所以用!="button",满足条件就push进str,所以是str.push(inputs[i].value)
console.log显示,用str.join就可拼接,加个|清楚一点
简而言之,遍历顺便拿到inputs[i].value不是按钮的,push进str, 最后join进str
<!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 src="common.js"></script> <script> //推荐使用数组的方式拼接大量的字符串 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>
上一篇: 监测页面加载的几个函数的区别
下一篇: 微信小程序 原生框架 (分享方法封装)