javascript - 用于选择无效输入类型的 Queryselectorall

Question

为了简单起见，我有以下 html，它不是我编写的，我无法控制。

<input type="text" id="532523" name="safgafg">
<input type="text" id="453462" name="sdhfd">
<input type="text num" id="2354614" name="fghjsfga">
<textarea></textarea>

我正在尝试为我们的职员编写一个脚本，该脚本必须将数据输入到此 Web 界面，以便她可以将数据从 Excel 复制并粘贴到 Web 界面。

最初，所有输入始终是“文本”，因此我能够使用以下内容:

document.querySelectorAll('input[type=text]').entries()

但是我在如何使用 queryselectall 来获取“文本编号”和文本区域时遇到了麻烦。我试图在 mdn 上查找它但它没有任何关于使用逻辑运算符的建议，我尝试了 this question关于使用逻辑运算符，但以下内容没有任何效果:

document.querySelectorAll('input[type=text], input[type=text num], textarea').entries();

Answer 1

在选择器中的 type 属性值两边加上引号。

注意:“text num”对于输入的 type 属性来说不是有效值。不带引号的原始选择器不起作用，因为该值包含空格。

console.log([...document.querySelectorAll('input[type="text"], input[type="text num"], textarea')]);

<input type="text" id="532523" name="safgafg">
<input type="text" id="453462" name="sdhfd">
<input type="text num" id="2354614" name="fghjsfga">
<textarea></textarea>
<div></div>