如何 遍历标签 找出匹配的一项

<head>
<script type="text/javascript">
function chkDate(){
var ts=document.getElementsByTagName("tspan");
alert(ts[4].innerHTML);
}
</script>
</head><body>
<tspan dx="3" style="font-weight: bold;">336.14</tspan>
<tspan dx="3">: </tspan>
<tspan x="5" dy="14" style="fill: rgb(69, 114, 167);">AAPL</tspan>
<tspan x="5" style="font-size: 10px;">Tuesday, May 17, 2011</tspan>
<tspan x="7">All</tspan>
<tspan x="7">1y</tspan>
<tspan x="2">YTD</tspan>
<tspan x="5">6m</tspan>
<tspan x="5">3m</tspan>
<tspan x="5">1m</tspan><br/><br/>
<input type="button" id="chk" value="Check tspan" onclick="chkDate();"/>
</body>我现在只会alert(ts[4].innerHTML);   
<tspan x="5" style="font-size: 10px;">Tuesday, May 17, 2011</tspan>
已知style="font-size: 10px;"是唯一的我想遍历tspan数组，如果style=="font-size: 10px;"就把innerHTML写到一个文本里最好不用按钮，实时监控html源文件的变化！（因为鼠标在不同的地方，tspan里的日期会不一样！）小弟纯属新手，还请高手不吝赐教！

解决方案 »

  1.   

    <head>
    <script type="text/javascript">
    function chkDate(){
    var ts=document.getElementsByTagName("tspan");
    for(var i=0;i<ts.length;i++){
    if(ts[i].style.fontSize){
    if(ts[i].style.fontSize=="10px"){
    document.getElementById("test").value=ts[i].innerHTML;
    }
    }
    }
    }
    window.onload=function(){
    window.setInterval(chkDate,1000);
    }
    </script>
    </head><body>
    <tspan dx="3" style="font-weight: bold;">336.14</tspan>
    <tspan dx="3">: </tspan>
    <tspan x="5" dy="14" style="fill: rgb(69, 114, 167);">AAPL</tspan>
    <tspan x="5" style="font-size: 10px;">Tuesday, May 17, 2011</tspan>
    <tspan x="7">All</tspan>
    <tspan x="7">1y</tspan>
    <tspan x="2">YTD</tspan>
    <tspan x="5">6m</tspan>
    <tspan x="5">3m</tspan>
    <tspan x="5">1m</tspan><br/><br/>
    <input type="text" id="test">
    </body>
    这样试试 不很明白你的意思