js根据id，class，标签获取元素

JS元素选择器

最新推荐文章于 2022-06-28 20:39:29 发布

转载最新推荐文章于 2022-06-28 20:39:29 发布 · 3.5k 阅读

文章标签：

#class #function

javascript 专栏收录该内容

200 篇文章

订阅专栏

本文介绍了一个JavaScript实用工具，用于通过ID、类名和标签名快速选取DOM元素，简化了网页开发中常见的元素获取任务。

var get = {
	byId: function(id) {
		return document.getElementById(id)
	},
	byClass: function(sClass, oParent) {
		if(oParent.getElementsByClass){
			return (oParent || document).getElementsByClass(sClass)
		}else{
			var aClass = [];
	  		var reClass = new RegExp("(^| )" + sClass + "( |$)");
	  		var aElem = this.byTagName("*", oParent);
	  		for (var i = 0; i < aElem.length; i++) reClass.test(aElem[i].className) && aClass.push(aElem[i]);
	  		return aClass
		}
	},
	byTagName: function(elem, obj) {
		return (obj || document).getElementsByTagName(elem)
	}
};

//实例
var oNav = get.byId("nav");
var aLi = get.byTagName("li", oNav);
var aSubNav = get.byClass("subnav", oNav);