输入类型文本

Question

我有以下输入：

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

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

我做错了什么？

Answer 1

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

Answer 2

应为input[type="text"]，删除空格。您的选择器意味着查找input其中，子项具有属性[type="text"]，input[type="text"] input [type="text"]不同

Answer 3

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

input[type="text"]