javascript 获取所有id中包含某关键字的控件的实现代码

获取所有id中包含某关键字的控件，可以使用JavaScript DOM中的document.querySelectorAll()方法。该方法可以选择所有匹配指定选择器的元素，并以NodeList对象返回它们。

实现步骤：

1. 获取页面中所有元素的ID
2. 遍历所有ID，如果该ID包含目标关键字，则将该元素存入结果数组中
3. 返回结果数组

以下是实现代码示例1，假设我们要查找所有ID中包含“search”的元素：

function getElementsWithIdContains(str) {
  var elements = document.getElementsByTagName('*'); //获取所有元素
  var result = [];
  var element;
  for (var i = 0; (element = elements[i]) != null; i++) {
    var id = element.id;
    if (id.indexOf(str) !== -1) { //如果ID包含目标关键词
      result.push(element); //将该元素存入结果数组
    }
  }
  return result; //返回结果数组
}

var elements = getElementsWithIdContains('search'); //查找所有ID中包含“search”的元素
console.log(elements); //输出结果数组

代码解析：

1. document.getElementsByTagName('*'); 获取所有元素
2. var result = []; 存放结果
3. 遍历所有元素，for (var i = 0; (element = elements[i]) != null; i++) {}
4. 获取每个元素的ID，var id = element.id;
5. 如果该ID包含目标关键词，if (id.indexOf(str) !== -1) {}
6. 将该元素存入结果数组中，result.push(element);

以下是实现代码示例2，假设我们要查找所有ID中包含“product”的元素：

var elements = document.querySelectorAll('[id*="product"]');
console.log(elements); //输出结果数组

代码解析：

1. document.querySelectorAll() 获取所有匹配到的元素
2. [id*="product"] 表示查找ID属性中包含“product”关键字的元素
3. 返回结果数组