Javascript+；镀铬，控制台can'；直到我检查后才找到元件

我正在尝试编辑元素的输入值。我100%确定它已加载到DOM中。然而，当我在控制台中处理它时，在我检查它之前，它无法找到该元素。根据token name属性，发生了一些事情。但是，因为inspect似乎“转换”了它以便能够被找到，所以肯定有一种方法可以自动完成吗

有关守则：

如果我在控制台中放入$（'input'），它将返回null。如果我检查任何表单，它会返回

<input class="FORMshrt2" name="fd_co_firstname" type="text" maxlength="100" value="">

另外，document.querySelector（'input'）返回

<input type="hidden" name="csrfmiddlewaretoken" value="XXbWi2ygjOsJ8igaEa9MvFb5Nm7xznOD">

但一旦我检查了元素，它就会返回

<input class="FORMshrt2" name="fd_co_firstname" type="text" maxlength="100" value="">

---

从

csrfmiddlewaretoken

这件事来看，您显然是在JSFIDLE上这样做的

问题是控制台从主窗口开始，其中

$

是一个函数，是

getElementById

的快捷方式（覆盖Chrome控制台的内置

$

，它是

querySelectorAll

的快捷方式）。由于没有具有

id

input

，

$（'input'）

返回

null

。由于JSFIDLE主窗口上的第一个

input

是

csrfmiddlewaretoken

输入，

querySelector

发现

input

---

但是，如果您右键单击并检查结果框架中的某个元素，则控制台将连接到框架，框架中包含您的

输入
元素和脚本等，因此（取决于脚本中的内容）
$
是Chrome控制台的默认
$
或jQuery或您加载的其他内容，因为你的内容就在那里，所以当你使用
$
或
查询选择器
“问题代码：”不，这是与问题链接的代码。你问题的全部内容必须在你的问题中，而不仅仅是链接。链接会腐烂，使得问题及其答案对未来的人们来说毫无用处，人们不应该非得离开网站去帮助你。提出一个问题，最好使用堆栈片段（工具栏按钮）使其可运行。更多：尝试像$（'input[name=“fd_co_firstname”]”这样的东西，而不仅仅是$（'input'）。使用$（'input[name=“fd_co_firstname”]”访问值。注意val（）。然而，来源太大，无法在这里发布，我不想编辑下来，以防我弄坏了一些东西。我仍然认为这个答案将有助于任何人在未来找到它，因为实际的问题是某种特定的，但它显示的东西将在搜索中出现。