当前位置: 代码迷 >> Web前端 >> 基础1: 遍历DOM
  详细解决方案

基础1: 遍历DOM

热度:142   发布时间:2012-11-05 09:35:11.0
基础一: 遍历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>

  相关解决方案