时间戳

首页 > 解决方案 > 在 `document.querySelector` 中包含单引号和双引号

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

问题描述

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

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。

标签： javascriptarraysdom-events

解决方案

你的代码工作得很好。我相信 loopFunc 在元素尚未呈现的时候被调用。尝试在 DOM 准备好时调用该函数。

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

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

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

推荐阅读