div里面有table时获取div个数不对？

首先一个大div，然后里面有几个小div，但是我发现，如果小div里面有table时，则获取小div个数为1，如果小div里面没有table时就能获取正确的小div个数
代码如下：<html>
<head>
<link href="/css/css.css" rel="stylesheet" type="text/css">
<title>彩信编辑</title>
</head><body text=#000000 bgColor=#ffffff leftMargin=0 topMargin=0">
<style>   
 
#divFrameList img{border:1px solid #eee}
#divFrameList a:hover img{border:2px solid #09f}
#divFrameList a:active img{border:3px solid #09f}
    
</style> 
<form name=cms_form action="cms_receive.jsp" method=post><div id=cmsTitle><table><tr><td align=left>标题:<input type=text name=cmsTitle value=测试彩信2></td></tr><table></div>
<div id=divEdit>
<div id=divFrameEdit2>
<table>aaaaa</table>
</div>
<div id=divFrameEdit3>
<table>bbbbb</table>
</div>
<div id=divFrameEdit4>
<table>cccccccc</table>
</div>
</div>
<div id=divFrameList>
<table id=tb1 width='100%' border=0><tr class=row2><td><div id=div1><span id=span_2><a href='javascript:void(0);' onclick="changeFrame(2)"><img src='/images/frame.jpg'>--2--</a></span><span id=span_3><a href='javascript:void(0);' onclick="changeFrame(3)"><img src='/images/frame.jpg'>--3--</a></span><span id=span_4><a href='javascript:void(0);' onclick="changeFrame(4)"><img src='/images/frame.jpg'>--4--</a></span></div></td></tr></table>
</div>
</form>
</body>
</html>
<script language="JavaScript"> function changeFrame(frameId){
var divFrame = document.getElementById("divEdit");
var delSpan=divFrame.getElementsByTagName("div");

alert("---"+delSpan.length);
for(i=0;i<delSpan.length;i++){
delSpan[i].style.display="none";
}
document.getElementById("divFrameEdit"+frameId).style.display="inline";
}</script>