在 `document.querySelector` 中包含单引号和双引号答案

【问题标题】：Include single and double quotes into `document.querySelector`在 `document.querySelector` 中包含单引号和双引号
【发布时间】：2020-07-04 12:30:33
【问题描述】：

如果我有一个这样的属性数组：

let elementsArray = [
  '[name="country_code"]',
  '[name="user_tel_code"]',
  '[name="countryCode"]'
];

我想用loopFunc这样的函数循环它们：

function loopFunc(elementsArray) {
  for (target of elementsArray) {
    let targetElem = document.querySelector(target);
    console.log(targetElem);
  }
}

输出应该是这些目标的每个 DOM，但它显示的是 null。

我的问题是我想在document.querySelector 中同时包含单引号和双引号。

【问题讨论】：

什么是targets？应该是for (target of elementsArray)
@NickParsons 我的错，targets 是 elementsArray

标签： javascript arrays dom-events

【解决方案1】：

您的代码运行良好。我相信 loopFunc 在元素尚未渲染的时候被调用。尝试在 DOM 准备就绪时调用该函数。

document.addEventListener("DOMContentLoaded", function(event) { 
  loopFunc(elementsArray)
});

以防万一。这是我为测试而创建的元素

<input type="text" name="country_code">

【讨论】：