Question

如何用JS统计页面里有多少个<div>？

我有一页面index.htm，内容如下：
index.htm
<frameset cols="195,*" frameborder="0" border="0" framespacing="0">
<frame src="a.htm" name="a" id="a">
<frame src="b.htm" name="b" id="b">
</frameset>

a.htm
<div id="folder">
<div id="folder_1">1</div>
<div id="folder_2">2</div>
<div id="folder_3">3</div>
<div id="folder_4">4</div>
</div>

想要实现的功能就是：
在b.htm当中用js来统计a.htm页面里面<div id="folder">...</div>之间有多少个<div>，只需要得到一个统计的数字，例如以上应该统计出是有4个div的。然后在b.htm页面中用alert弹出对话框告诉用户有几个div。

Answer 1

在b.htm里调用这个函数就可以了
function count() {
var n;
// "a"是获取处理的框架名，folder是作为窗口的div的ID n=parent.frames["a"].document.getElementById("folder");
// 获取<div id="folder">之间所有的div
n=n.getElementsByTagName("div");
// 显示长度
alert(n.length);
}

Answer 2

$("div").length;
//或者
document.getElementsByTagName('div').length;