原生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_.*/);