您的位置:首页 > Web前端 > JavaScript

js数组切割拼装

2016-07-13 17:18 399 查看
项目中刚好遇到一个数组切割拼装数据的,先记录一下!


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>数组切割拼装</title>
<script>
window.onload=function(){
var arrVal = '';
var arr = [];
var arr1 = [];
var arr2 = [];
var num = document.getElementById("num");
var num_li = document.getElementsByTagName("li");
for(var i=0;i<num_li.length;i++){
var get_span = num_li[i].getElementsByTagName("span")[0].innerHTML;
arr1.push(get_span);
var get_span2 = num_li[i].getElementsByTagName("span")[1].innerHTML;
arr2.push(get_span2);

var arr_val = arr2.join();
arr1.push(arr_val);

arr2.length = 0;

arr.push(arr1.join(":"));

arr1.length = 0;
}
arrVal = arr.join("|");
console.log(arrVal);
}
</script>
</head>

<body>
<ul id="num">
<li>
<span>01</span>
<span>测试1</span>
</li>
<li>
<span>02</span>
<span>测试2</span>
</li>
<li>
<span>03</span>
<span>测试3</span>
</li>
<li>
<span>04</span>
<span>测试4</span>
</li>
<li>
<span>05</span>
<span>测试5</span>
</li>
</ul>
</body>
</html>


未测试兼容性,需要用的自己测试兼容性!!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息