使用js给列表批量添加标签.docVIP

做网页前端的人会遇到更新大量列表的时候，下面是一个音乐网站的节目菜单 内容如下 00:00-00:30 视网More 00:30-01:30 45RPM 01:30-02:30 视网More 02:30-03:30 视网More 03:30-04:00 13亿分贝 04:00-05:00 酷乐LA 05:00-06:00 视网More 06:00-07:00 视网More 07:00-08:00 勁爆點 08:00-09:00 45RPM 09:00-09:30 视网More 09:30-10:00 DoubleShot 10:00-10:30 视网More 10:30-11:00 13亿分贝 11:00-12:00 酷乐LA 12:00-12:30 劲爆点 12:30-13:00 视网More 13:00-14:00 视网More 14:00-15:00 酷乐LA 15:00-15:30 DoubleShot 15:30-16:00 视网More 16:00-17:00 模范棒棒堂 17:00-17:30 视网More 17:30-18:30 视网More 18:30-19:00 13亿分贝 19:00-20:00 酷乐LA 20:00-20:30 Hiton[V] 20:30-21:00 劲爆点 21:00-22:00 视网More 22:00-22:30 DoubleShot 22:30-23:30 酷乐LA 23:30-00:00 视网More 选中列表，点一下下面工具栏第5个的项目符号 好了，lil/i标签全加好了，如下 网页效果如下 可是现在要给时间修改样式，要全加上span/span标签，天哪，简直烦死人了，当然作为程序员，肯定会想偷懒，用js来加span/span标签吧。 这用到了正则表达式 把所有的时间和节目内容 时间：00:00-00:30 节目：视网More 分别截取出来放在两个数组里在打印到网页上，好了大功告成。^_^,，本人写的代码如下 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title电哥制作/title style ul{ list-style-type:none; } /style script window.onload=function(){ var li=document.getElementsByTagName(li); var bbb=[];//时间字段数组1 var c=0;//计数用 var ddd=[]; //时间字段数组2 var str=; //保存li里面的内容 for(var i=0;ili.length;i++){ str+=li[i].innerText;//保存li里面的内容 } var pattem=/ /ig;//用空格截取 var pattem1=/\d{2}:\d{2}-\d{2}:\d{2}/;//时间 var date=str.split(pattem); //把所有字段按空格分段截取,取得时间和节目字段 var program=str.split(pattem1);//把所有字段按时间分段截取取得节目字段 for(var j=0;jdate.length;j++){ //date是所有字段 bbb[j]=pattem1.exec(date[j]);//bbb是时间字段，包含一些空字段 if(bbb[j]!=null){ //把空的去掉，取得所有时间字段 ddd[c]=bbb[j];//ddd是所有日期的数组 c+=1; } } for(var b=0;bddd.length;b++){ document.body.innerHTML+=ltligtltspangt+ddd[b]+lt/spangt+program[b+1]+lt/ligt+br;//输出所要的内容 } } /script /head body ul li00:00-00:30 视网More/li li00:30-01:30 45 RPM/l