通过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="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>
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是不支持的,相当于说语法是不规范的。
<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 吧:
<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 一起使用,