您的位置：首页 > 其它

根据tagName统计页面元素的个数

2011-07-18 15:51 393 查看 
functionfindElements()
{
varlistElements=document.getElementsByTagName('li');
varparagrahps=document.getElementsByTagName('li');
varmsg='Thisdocumentcontains'+listElements.length+'listitems\n'+paragrahps.length+'paragrahps.';
alert(msg);

}
window.onload=findElements;
index.html
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>DomExample</title>
<scriptsrc="findElements.js"type="text/javascript"></script>
</head>
<body>
<h1>Heading</h1>
<p>Paragraph</p>
<h2>Subheading</h2>
<ulid="eventsList">
<li>List1</li>
<li>List2</li>
<li><ahref="http://www.google.com.hk">LinkedListItem</a></li>
</ul>
<p>Paragraph</p>
<p>Paragrahp</p>
</body>
</html>


//页面显示效果如下
Heading
Paragraph
Subheading
List1
List2
LinkedListItem
Paragraph
Paragrahp
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航