深度遍历dom节点，添加class代码,JS代码库,德仔网

代码语言

代码分类

【JS】深度遍历dom节点，添加class

作者:文杰 / 发布于2015/3/5/ 527


	<!DOCTYPE HTML>
	<html>
	<head>
	</head>
	<body>
	 <div class="parent">
	 <div class="f1">
	 <div class="f2">
	 <div class="f3">
	 <div class="f4"></div>
	 
	 
	 </div>
	 <div class="f3"></div>
	 <span><i></i></span>
	 </div>
	 </div>
	 </div>
	</body>
	<script type='text/javascript'>
	 function addClass(node,cls) {
	 var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
	 if (reg.test(node.className)) return;
	 node.className.length > 0 ? node.className += " " + cls : node.className = cls;
	
	 }
	 function traver (node,cName) {
	 var childs = node.children;
	 for (var i = 0; i < childs.length; i++) {
	 addClass(childs[i],cName);
	 if (childs.length < 1) return;
	 traver(childs[i],cName);
	 }
	 }
	 var p = document.querySelector(".parent");
	 traver(p,"ma");
	</script>
	</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　dom　

同语言下

可能有用的

文杰贡献的其它代码(20)