首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

基础1: 遍历DOM

2012-11-05 
基础一: 遍历DOMJavaScript:遍历一个文档的DOM数量??简介:通过 JavaScript,您可以重构整个 HTML 文档。您可

基础一: 遍历DOM

JavaScript:遍历一个文档的DOM数量?

?

简介:通过 JavaScript,您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。(转自w3school)

?

代码如下:

????? <script type="text/javascript" language="javascript">

???????????????? var domCount = 0;//定义计数器,用于计算数量

? ? ? ? ? ? ? ?? function isDomParent(domObj){

?????????????????????????? //如果dom下还有子dom节点,就递归

? ? ? ? ? ? ? ??????????? if(domObj.hasChildNodes){

??????????????????????????????? for(var i=0,len=domObj.childNodes.length;i<len;i++){

???????????????????????????????????????? isDomParent(domObj.childNodes[i]);

??????????????????????????????? }

????????????????????????? }

???????????????????????? //如果是子dom节点,计数器+1

????????????????????????? if(domObj.nodeType == 1 ){

??????????????????????????????? domCount++;

????????????????????????? }

???????????????? } ????

?

??????????????? document.getElementsByName('html');

????? </script>

热点排行