用JS 正则表达式取HTML中代码问题

  <div class="summary">
    <div class="imgDiv" style="float:left"><a href="n145c74.aspx" class="imgLink"><img src="upload/2008-12/08121915161144t.jpg" alt="江铃第十三届职工大合唱比赛综述" width="280" height="210"/></a></div>
    <div class="cont">
      <div class="title"><a href="n145c74.aspx" class="nLink" >江铃第十三届职工大合唱比赛综述</a></div>
      <div class="sum"><span style="font-size: 14pt; color: #333333; font-family: 仿宋_GB2312; mso-hansi-font-family: 宋体; mso-bidi-font-family: Arial;">秋风送爽，丹桂飘香，在这收获的季节里，隆重纪念中国改革开放三十周年及江铃第十三届职工大合唱红歌比赛于<span lang="EN-US">9</span>月<span lang="EN-US">27</span>日晚在江铃体育场拉开了帷幕。</span></div>
      <div class="foot">
        <div style="float:right"><a href="n145c74.aspx" >[查看全文]</a></div>
        日期：<span>12月19日</span></div>
    </div>
  </div>
  <div class="summary">
    <div class="hr"></div>
    <div class="imgDiv" style="float:left"><a href="n144c74.aspx" class="imgLink"><img src="upload/2008-12/08121915183633t.jpg" alt="江铃隆重举行车辆装配工技能大赛" width="280" height="210"/></a></div>
    <div class="cont">
      <div class="title"><a href="n144c74.aspx" class="nLink" >江铃隆重举行车辆装配工技能大赛</a></div>
      <div class="sum"><span style="font-family: 仿宋_GB2312;"><span lang="EN-US"><span style="font-family: 仿宋_GB2312;">由江铃汽车集团公司工会主办，合资总装厂、股份全顺厂、控股昌北工厂承办的纪念改革开放三十周年公司技术工人协会车辆装配工技能大赛在合资厂拉开帷幕。<span lang="EN-US">11</span>月<span lang="EN-US">11</span>日上午，举行了隆重的开幕暨江铃技术工人协会分会的授牌仪式，公司领导吴涌、刘年风、市总工会副主席李美珍出席仪式。<span lang="EN-US"> </span></span></span></span></div>
      <div class="foot">
        <div style="float:right"><a href="n144c74.aspx" >[查看全文]</a></div>
        日期：<span>12月19日</span></div>
    </div>
  </div>
  <div class="summary">
    <div class="hr"></div>
    <div class="imgDiv" style="float:left"><a href="n143c74.aspx" class="imgLink"><img src="upload/2008-12/08122214459917t.jpg" alt="中华全国总工会副主席王炯考察江铃" width="280" height="210"/></a></div>
    <div class="cont">
      <div class="title"><a href="n143c74.aspx" class="nLink" >中华全国总工会副主席王炯考察江铃</a></div>
      <div class="sum">&nbsp;</div>
      <div class="foot">
        <div style="float:right"><a href="n143c74.aspx" >[查看全文]</a></div>
        日期：<span>12月19日</span></div>
    </div>
  </div>
</div>里面是3个段落，我要把URL,IMG，title，以及<div class="sum"></div> 之间的内容取出来，日期，该怎么写啊，谢谢
取出结果为： n145c74.aspx | upload/2008-12/08121915161144t.jpg | 江铃隆重举行车辆装配工技能大赛 | <span style="font-size: 14pt; color: #333333; font-family: 仿宋_GB2312; mso-hansi-font-family: 宋体; mso-bidi-font-family: Arial;">秋风送爽，丹桂飘香，在这收获的季节里，隆重纪念中国改革开放三十周年及江铃第十三届职工大合唱红歌比赛于<span lang="EN-US">9</span>月<span lang="EN-US">27</span>日晚在江铃体育场拉开了帷幕。</span> | 12月19日
。。第二段、第三段格式同上该怎么写啊，谢谢啦！

解决方案 »

  1.   

    URL有规则，可以先提出； 以 <div class="imgDiv" style="float:left"> <a href=" 开头，以" class="imgLink"> 结尾；然后,IMG 也有规律，也可以提出；然后，title 也有规律，也可以提出来
    以及 <div class="sum"> </div> 
      

  2.   

    URL有规则，可以先提出； 以 <div class="imgDiv" style="float:left"> <a href=" 开头，以" class="imgLink"> 结尾；然后,IMG 也有规律，也可以提出；然后，title 也有规律，也可以提出来
    以及 <div class="sum"> </div> 
      

  3.   

    URL有规则，可以先提出； 以 <div class="imgDiv" style="float:left"> <a href=" 开头，以" class="imgLink"> 结尾；然后,IMG 也有规律，也可以提出；然后，title 也有规律，也可以提出来
    以及 <div class="sum"> </div> 
      

  4.   

    用正则比较麻烦，还是用dom容易些
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript">
    var space=0;function printspace(){
    var a=[];
    for(i=0;i<space;i++)
    a.push(" ");
    return a.join("");
    }function $Id(sId){
    return document.getElementById(sId);
    }function $Class(sClass,oNode){
    oNode=oNode||document.body;
    var aFindNodes=[];
    var aSubNodes=oNode.getElementsByTagName("*");
    var i,nLen=aSubNodes.length;
    var sClassName; for(i=0;i<nLen;i++){
    if(aSubNodes[i].tagName){
    sClassName=aSubNodes[i].className
     ||aSubNodes[i].getAttribute("class");
    if(sClassName){  
    if(sClassName==sClass)  
    aFindNodes.push(aSubNodes[i]);

    if(aSubNodes[i].childNodes.length>0)
    aFindNodes.concat($Class(sClass,aSubNodes[i]));
    }
    }
    } return aFindNodes;
    }function getContent(){
    var aResult=[];
    var aDivSum=$Class("summary");
    var i,nLen=aDivSum.length;
    var sPage,sImg,sTitle,sContent,sDate;
    var oRegImage=/upload.*?$/i;
    var oNode;

    for(i=0;i<nLen;i++){
    oNode=$Class("imgLink",aDivSum[i])[0];
    sPage=oNode.href;
    sImg=oNode.getElementsByTagName("img")[0].src.match(oRegImage);
    sTitle=$Class("nLink",aDivSum[i])[0].innerHTML;
    sContent=$Class("sum",aDivSum[i])[0].innerHTML;
    sDate=$Class("foot",aDivSum[i])[0].getElementsByTagName("span")[0].innerHTML;

    aResult.push({
    page:sPage,
    image:sImg,
    title:sTitle,
    content:sContent,
    date:sDate
    });        
    }

    return aResult;
    }window.onload=function(){
    alert(getContent()[1].image);
    }
    </script>
    </head>
    <body>
    <div class="summary" id='mydiv'>
        <div class="imgDiv" style="float:left"> 
         <a href="n145c74.aspx" class="imgLink"> 
                <img src="upload/2008-12/08121915161144t.jpg" 
                     alt="江铃第十三届职工大合唱比赛综述" 
                     width="280" height="210"/>
             </a>
        </div>
        <div class="cont">
          <div class="title"> <a href="n145c74.aspx" class="nLink" >江铃第十三届职工大合唱比赛综述 </a> </div>
          <div class="sum"> <span style="font-size: 14pt; color: #333333; font-family: 仿宋_GB2312; mso-hansi-font-family: 宋体; mso-bidi-font-family: Arial;">秋风送爽，丹桂飘香，在这收获的季节里，隆重纪念中国改革开放三十周年及江铃第十三届职工大合唱红歌比赛于 <span lang="EN-US">9 </span>月 <span lang="EN-US">27 </span>日晚在江铃体育场拉开了帷幕。 </span> </div>
          <div class="foot">
            <div style="float:right"> <a href="n145c74.aspx" >[查看全文] </a> </div>
            日期： <span>12月19日 </span> </div>
        </div>
      </div>
      
      <div class="summary">
        <div class="hr"> </div>
        <div class="imgDiv" style="float:left"> <a href="n144c74.aspx" class="imgLink"> <img src="upload/2008-12/08121915183633t.jpg" alt="江铃隆重举行车辆装配工技能大赛" width="280" height="210"/> </a> </div>
        <div class="cont">
          <div class="title"> <a href="n144c74.aspx" class="nLink" >江铃隆重举行车辆装配工技能大赛 </a> </div>
          <div class="sum"> <span style="font-family: 仿宋_GB2312;"> <span lang="EN-US"> <span style="font-family: 仿宋_GB2312;">由江铃汽车集团公司工会主办，合资总装厂、股份全顺厂、控股昌北工厂承办的纪念改革开放三十周年公司技术工人协会车辆装配工技能大赛在合资厂拉开帷幕。 <span lang="EN-US">11 </span>月 <span lang="EN-US">11 </span>日上午，举行了隆重的开幕暨江铃技术工人协会分会的授牌仪式，公司领导吴涌、刘年风、市总工会副主席李美珍出席仪式。 <span lang="EN-US"> </span> </span> </span> </span> </div>
          <div class="foot">
            <div style="float:right"> <a href="n144c74.aspx" >[查看全文] </a> </div>
            日期： <span>12月19日 </span> </div>
        </div>
      </div>
      
      <div class="summary">
        <div class="hr"> </div>
        <div class="imgDiv" style="float:left"> <a href="n143c74.aspx" class="imgLink"> <img src="upload/2008-12/08122214459917t.jpg" alt="中华全国总工会副主席王炯考察江铃" width="280" height="210"/> </a> </div>
        <div class="cont">
          <div class="title"> <a href="n143c74.aspx" class="nLink" >中华全国总工会副主席王炯考察江铃 </a> </div>
          <div class="sum">&nbsp; </div>
          <div class="foot">
            <div style="float:right"> <a href="n143c74.aspx" >[查看全文] </a> </div>
            日期： <span>12月19日 </span> </div>
        </div>
      </div>
    </div> </body>
    </html>