首页 > 其他 > 详细

自定义getElementByClass

时间:2016-02-25 08:59:22      阅读:135      评论:0      收藏:0      [点我收藏+]

DOM已经实现了getElementByClass,这个功能内部是怎么实现的呢

js代码及如何使用:

function getElementByClass(className,parentNode){
	parentNode = parentNode || document;
	var childrens = parentNode.getElementsByTagName(‘*‘);
	var nodeArr = [];
	for(var i=0;i<childrens.length;i++){
		if(childrens[i].className == className){
			nodeArr.push(childrens[i]);
		}
	}
	return nodeArr;
}
var parentNode = document.getElementById(‘target‘);
var classNode = getElementByClass("pullright");
console.log(classNode);

html代码:

<div class="container" id="target">
	<div class="pullleft">
		<span>这里是左浮动</span>
	</div>
	<div class="pullright">
		<span class="pullleft">这里是右浮动内容</span>
	</div>
	<p class="pullleft">这里是需要浮动的文本</p>
</div>

 

自定义getElementByClass

原文:http://www.cnblogs.com/diantao/p/5215734.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!