js获取html页面节点方法(递归方式)

很久没有操作过递归调用了。看完之后，蓦然惊醒啊！

统计Element节点

var elementName="";

function countTotalElement(node)

{

///Attribute nodeType值为2，表示节点属性

///Comment nodeType值为8，表示注释文本

///Document nodeType值为9，表示Document

///DocumentFragment nodeType值为11，表示Document片段

///Element nodeType值为1，表示元素节点

///Text nodeType值为3，表示文本节点

var total=0;

if(node.nodeType==1) //1代表节点的类型为Element

{

total++;

elementName=elementName+node.tagName+"\r\n";

}

var childrens=node.childNodes;

for(var i=0;i

{

total+=countTotalElement(childrens[i]);

}

return total;

}

测试

开始测试

其实，通过递归调用也可以实现想百度蜘蛛爬虫一样的效果！这个值得一试，或许可以通过这个方法，写一个sitemap生成器！相关阅读:

javascript函数作用域学习示例(js作用域)

mac系统中safari怎么添加书签? 把常用网页添加到收藏夹的效果

第1个Android应用程序 Android制作简单单页导航

IE下Css圆角没有的解决方法

IE6-IE9中tbody的innerHTML不能赋值的解决方法

js实现鼠标触发图片抖动效果的方法

Smarty模板学习笔记之Smarty简介

Win8日历应用如何删除工作中记录的待办事项

C#判断数据类型的简单示例代码

Android中的Activity生命周期总结

Easyui 之 Treegrid 笔记

强制PHP命令行脚本单进程运行的方法

PHP网页游戏学习之Xnova(ogame)源码解读(九)

深入php面向对象、模式与实践

php 遍历html节点,JavaScript_js获取html页面节点方法(递归方式)，很久没有操作过递归调用了。 - phpStudy...相关推荐

jq获取兄弟节点_jquery 获取元素(父节点,子节点,兄弟节点)
一, js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test"); var parent = test.par ...
nginx php如何无响应,nginx,_nginx 可以直接响应服务静态页面吗，为何配置了很久都不成功？，nginx - phpStudy...
nginx 可以直接响应服务静态页面吗, 为何配置了很久都不成功? 背景: 最近想自己写点东西放到网上, 买了域名和vps, 在vps上也搭好了ngxin服务器,想从最简单的静态页面开始,于是自己写了 ...
wx.createSelectorQuery() 获取节点信息获取不到解决方法
场景:一个气泡的宽度由加载来的数据填充所决定,不定宽, wx.createSelectorQuery().selectAll('.talkbubble').boundingClientRect(fun ...
Struts 往jsp页面传值的三种方式以及获取Jsp页面值得一种方式
//传值的的第一种方式直接在action中getset方法完成值的传递第一种方法值是放在值栈valuestack中其余两种是放在actioncontext中 this.setName(&quo ...
js jquery 获取元素(父节点,子节点,兄弟节点)
js jquery 获取元素(父节点,子节点,兄弟节点) js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test&quo ...
二叉树 —— 创建二叉树先序遍历、中序遍历、后序遍历（递归方式、非递归方式）
#include<stdio.h> #include<malloc.h> #include<stdlib.h> typedef char DataType; #de ...
legend3---laravel中获取控制器名称和方法名称
legend3---laravel中获取控制器名称和方法名称一.总结一句话总结: \Route::current()->getActionName();会有完整的当前控制器名和方法名 pub ...
DOM-2 document对象、获取元素、节点、遍历树
一.document获取元素 1. 方法 document.getElementById('box') // 在IE8及以下是不分大小写的,而且name值也能匹配上 document.getEleme ...
JavaScript基础12-day14【DOM查询(获取元素节点、获取元素节点的子节点)、全选练习、DOM增删改、DOM添加删除记录、Window对象方法】
学习地址: 谷粒学院--尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...

php 遍历html节点,JavaScript_js获取html页面节点方法(递归方式)，很久没有操作过递归调用了。 - phpStudy...

测试

php 遍历html节点,JavaScript_js获取html页面节点方法(递归方式)，很久没有操作过递归调用了。 - phpStudy...相关推荐

最新文章

热门文章