通过getElementsByTagName("div") 得到div的数量
默 认分类 2008-03-30 23:44:17 阅 读114 评论0 字号：大 中 小
<div id="header"> </div>
<div id="out">
<div>111111</div><div>222222</div><div>333333</div><div>444444</div>
…………
</div>
大的 div（id="out"）里面包含的 div 数量不确定，怎么才能得到数量？
使用 javascript 脚本里的 getElementsByTagName 语句。
试着这样子，还算可以
x=document.getElementsByTagName("div")
y=x.length
<div id="header"> </div>
<div id="out">
<div>111111</div><div>222222</div><div>333333</div><div>444444</div>
…………
</div>
<script>
x=out.getElementsByTagName("div")
y=x.length;
alert (y)
</script>
<div id="out">
<div>111111</div><div>222222</div><div>333333</div><div>444444</div>
…………
</div>
<script>
x=out.getElementsByTagName("div")
y=x.length;
alert (y)
</script>
但是直接用 id 的名称，Firefox 里有问题。
Dreamwerver 新建的文件，开头都会有这么一行代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
如果有这行的话，Firefox 就通不过（IE没问题）。
因为在w3c中，Firefox浏览器下，Javascript里取 ID 要使用 document.getElementById，直接使用对像的ID，Firefox是不支持的，相当于说语法是不规范的。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<div id="header"> </div>
<div id="out">
<div>111111</div><div>222222</div><div>333333</div><div>444444</div>
…………
</div>
<script>
x=out.getElementsByTagName("div")
y=x.length;
alert (y)
</script>
<div id="header"> </div>
<div id="out">
<div>111111</div><div>222222</div><div>333333</div><div>444444</div>
…………
</div>
<script>
x=out.getElementsByTagName("div")
y=x.length;
alert (y)
</script>
既然这样，那就用上 document.getElementById 吧：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<div id="header"> </div>
<div id="out">
<div>111111</div><div>222222</div><div>333333</div><div>444444</div>
…………
</div>
<script>
x=document.getElementById("out").getElementsByTagName("div")
y=x.length;
alert (y)
</script>
<div id="header"> </div>
<div id="out">
<div>111111</div><div>222222</div><div>333333</div><div>444444</div>
…………
</div>
<script>
x=document.getElementById("out").getElementsByTagName("div")
y=x.length;
alert (y)
</script>
x=document.getElementById("out").getElementsByTagName("div")
也就是 getElementById 和 getElementsByTagName 一起使用，
197
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
