遍历节点数和基于元素节点的遍历

//遍历节点数
		stround.parentNode()  //寻找父级  (小知识点:最高的父级为document) ,只有一个
		div.childNodes() //寻找子节点,可以有N个
		div.firstChild() //寻找子节点,第一个节点  //test
		div.lastChild()  //寻找子节点,最后一个节点 //text
		div.nextSibling.nextSibling  //寻找同层级下的节点,可一直向下寻找
		div.previousSibling //寻找同层级上节点,可一直向上寻找
		节点类型:
		元素节点  1
		属性节点  2
		文本节点  3
		注释节点  8
		document  9
		
		基于元素节点树的遍历
		parentElement 返回当前元素的父元素节点(IE不兼容)
		children  返回子节点
		firstElementChild 返回第一个元素节点(IE不兼容)
		lastElementChild 返回最后一个元素节点(IE不兼容)
		nextElementSibling  返回后一个同层级节点
		previousElementSibling 返回前一个同层级节点
		
		<div>
			<strong></strong>元素&&文本 2
			<span></span>元素&&文本 2
			<em></em>元素&&文本 2
			文本节点  1
		</div>

  

var strong = document.getElementsByTagName('strong')[0];
var div = document.getElementsByTagName('div')[0];

posted on 2022-08-09 22:59  爱前端的小魏  阅读(34)  评论(0编辑  收藏  举报

导航