原生js获取以固定字符开头的控件id，并设置属性

原生js获取以固定字符开头的控件id，并设置属性

还在用JQ加CSS选择器获取指定id开头的DOM嘛？
现在试试 JavaScript提供的querySelectorAll函数
目前几乎主流浏览器均支持了他们。包括 IE8(含) 以上版本、 Firefox、 Chrome、Safari、Opera；

定义与用法

document.querySelectorAll("[id^='el-']") //获取以固定字符开头的控件id

querySelectorAll() 方法返回文档中匹配指定 CSS 选择器的所有元素，返回 NodeList 对象。

NodeList 对象表示节点的集合。可以通过索引访问，索引值从 0 开始。

提示: 你可以使用 NodeList 对象的 length 属性来获取匹配选择器的元素属性，然后你可以遍历所有元素，从而获取你想要的信息。

语法

elementList = document.querySelectorAll(selectors);

elementList 是一个静态的 NodeList 类型的对象。

selectors 是一个由逗号连接的包含一个或多个 CSS 选择器的字符串。

适配所有浏览器用法

其它：

function getDomByFirstId(e){
	let domAll = document.all,domArr = new Array();
	for (var i = 0; i < domAll.length; i++) {
		if (e.test(domAll[i].id))
			domArr.push(domAll[i]);
	}
	return domArr;
}
getDomByFirstId(/^123_.*/);