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>
未测试兼容性,需要用的自己测试兼容性!!
<!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>
未测试兼容性,需要用的自己测试兼容性!!
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- Extjs4.0 最新最全视频教程
- Javascript中toFixed方法的改进
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 5个常见可用性错误和解决方案
- 最后一次说说闭包
- Ajax
- js数组实现图片轮播
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法