前端小demo——用特殊符号拼接字符串
Posted yuebanzhou
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端小demo——用特殊符号拼接字符串相关的知识,希望对你有一定的参考价值。
这里我用的是心形拼接输入的字符串
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> input { width: 150px; height: 30px; background-color: #ccc; } #btn { background-color: red; } </style> </head> <body> <input type="button" value="拼接字符串" id="btn" /> <input type="text" /> <input type="text" /> <input type="text" /> <input type="text" /> <input type="text" /> <input type="text" /> <!-- <script src="common.js"></script> --> <script> function zy$(id) { return document.getElementById(id) }; //注册点击事件,添加事件处理函数 zy$("btn").onclick = function () { var inputs = document.getElementsByTagName("input"); var str = []; for (var i = 0; i < inputs.length; i++) { if (inputs[i].type == "text") { str.push(inputs[i].value); } } document.write("<h2>" + str.join("?") + "</h2>") }; </script> </body> </html>
以上是关于前端小demo——用特殊符号拼接字符串的主要内容,如果未能解决你的问题,请参考以下文章