码迷,mamicode.com
首页 > 其他好文 > 详细

自定义getElementByClass

时间:2016-02-25 09:01:28      阅读:145      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!