输入类型文本的 css 选择器答案

【问题标题】：css selector for input type text输入类型文本的 css 选择器
【发布时间】：2017-11-21 04:57:50
【问题描述】：

我有以下输入：

我想学习如何创建一个 CSS 选择器来找到它。首先，我使用 Chrome 开发者工具给我的东西（作为起点）。是#deviceHeaderContainer > div > form > div > input。

一切正常，它找到了元素，但是当我尝试使用更通用的选择器（如 input[type=text]）时，我得到 null 作为响应，请参见下图：

我做错了什么？

【问题讨论】：

【解决方案1】：

您应该删除 input 和 [type=text] 之间的空格应该是document.querySelector("input[type=text]")

【讨论】：

【解决方案2】：

应该是input[type="text"]，去掉空格。您的选择器意味着找到input 其中child 有一个属性[type="text"]，input[type="text"] input [type="text"] 是不同的

【讨论】：

【解决方案3】：

这是一个简单的修复。删除input 和[type="text"] 之间的空格。它看起来像这样：

input[type="text"]

【讨论】：