自定义getElementByClass

最新推荐文章于 2025-05-16 15:18:00 发布

转载最新推荐文章于 2025-05-16 15:18:00 发布 · 128 阅读

0 ·

CC 4.0 BY-SA版权

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

本文详细解析了JavaScript中实现getElementByClass方法的具体实现逻辑，通过实例代码演示了如何根据类名获取DOM元素，并提供了HTML代码示例，帮助开发者深入理解DOM操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>

转载于:https://www.cnblogs.com/diantao/p/5215734.html