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

Question

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

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 中同时包含单引号和双引号。

Answer 1

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

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

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

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

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

Include single and double quotes into `document.querySelector`

javascript

arrays

dom-events