代码之家  ›  专栏  ›  技术社区  ›  arsarc

Queryselectall用于选择无效的输入类型

  •  0
  • arsarc  · 技术社区  · 6 年前

    为了简单起见,我有下面的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()
    

    mdn 但它没有任何关于使用逻辑运算符的建议,我试过了 this question 使用逻辑运算符,但以下操作没有任何效果:

    document.querySelectorAll('input[type=text], input[type=text num], textarea').entries();
    
    1 回复  |  直到 6 年前
        1
  •  1
  •   Unmitigated    6 年前

    type 属性。

    注意:“text num”不是输入的type属性的有效值,这就是没有引号的原始选择器无法工作的原因。

    console.log(...document.querySelectorAll('input[type="text"], input[type="text num"], textarea').entries());
    <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>