childNodes属性使用

childNodes属性使用/*打印当前页面元素树结构递归**childNodes属性获得当前对象的子元素节点*/vars=””; functiontravel(space,node){ if(node.tagName){ s+=(space+node.tagName+””); } varl=node.childNodes.length; for(vari=0;il;i++){ tr

大家好,欢迎来到IT知识分享网。

childNodes 返回包含指定节点的子节点的集合.

document节点(文档节点)包含两个子节点: Doctype对象和HTML元素节点(根元素节点).

集合的元素是一个节点而不是字符串.要从集合的元素获取数据,你必须使用它们的属性(例如:用elementNodeReference.childNodes[1].nodeName 获取它们的名称, 等等.).

例子:

/*打印当前页面元素树结构 递归
		*/
		var s="";		
		function travel(space,node){
			if(node.tagName){
				s+=(space+node.tagName+"<br/>");
			}
			if(node.hasChildNodes()){ //检查是否包含子节点			
				var l = node.childNodes.length;
				for(var i=0;i<l;i++){
					travel(space+"|-",node.childNodes[i]);
				}
		    }
		}
		travel("",document);
		document.write(s);

页面效果:

|-HTML
|-|-HEAD
|-|-BODY
|-|-|-SCRIPT


参考:来自MDN– https://developer.mozilla.org/zh-CN/docs/DOM/Node.childNodes

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/11094.html

(0)

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信