如何用代码选中<span>啊！(2个问题)

楼上的能不能说清楚些啊,最好有比较全的代码。我不只有一个<span>，而是好多个，应该怎么办啊！

解决方案 »

  1.   

    为了简单一点，左边我就不写成树形目录了，呵呵 ：）
    以下是三个文件：
    ===1、FrameSet.htm====
    <frameset rows="*" cols="100,*" framespacing="0" frameborder="NO" border="0">
      <frame src="leftFrame.htm" name="leftFrame" scrolling="NO" noresize>
      <frame src="rightFrame.htm" name="rightFrame">
    </frameset><noframes></noframes>===2、leftFrame.htm===
    <style>
    div{border:1px solid white;margin:2px 0px;text-align:center;}
    .div01{border-color:white;color:black;background-color:white;cursor:hand;}
    .div02{border-color:#336699;color:white;background-color:#99ccff;cursor:hand;}
    .div03{border-color:#336699;color:yellow;background-color:#6699cc;cursor:defalt;}
    </style>
    <script language="JavaScript">
    var DIVX=null;
    function doOver(){
    var who=event.srcElement;
    if (DIVX!=who) who.className="div02";
    }
    function doOut(){
    var who=event.srcElement;
    if (DIVX!=who) who.className="div01";
    }
    function doClick(){
    var who=event.srcElement;
    if (DIVX==who) return;
    if (DIVX!=null) DIVX.className="div01";
    who.className="div03";
    DIVX=who;
    window.open("rightFrame.htm","rightFrame");
    }
    </script>
    <div theID="a" class="div01" onMouseOver="doOver();" onMouseOut="doOut();" onClick="doClick();">AAAAAA</div>
    <div theID="1" class="div01" onMouseOver="doOver();" onMouseOut="doOut();" onClick="doClick();">111111</div>
    <div theID="2" class="div01" onMouseOver="doOver();" onMouseOut="doOut();" onClick="doClick();">222222</div>
    <div theID="dd" class="div01" onMouseOver="doOver();" onMouseOut="doOut();" onClick="doClick();">DDDDDD</div>
    <div theID="eee" class="div01" onMouseOver="doOver();" onMouseOut="doOut();" onClick="doClick();">EEEEEE</div>
    <div theID="f" class="div01" onMouseOver="doOver();" onMouseOut="doOut();" onClick="doClick();">FFFFFF</div>===3、rightFrame.htm===
    <script language="JavaScript">
    function showLeftSelect(){
    var tmpHTML;
    if (parent.leftFrame.DIVX==null){
    tmpHTML="请选择一个菜单";
    }else{
    tmpHTML="所选择的菜单["+parent.leftFrame.DIVX.innerText+"]的ID是:";
    tmpHTML+=parent.leftFrame.DIVX.theID;
    }
    document.body.innerHTML=tmpHTML
    }
    </script>
    <body onload="showLeftSelect();">
    </body>