使用JavaScript更改网页中的文本

我在用javascript代码更新html元素时遇到问题。我试图在谷歌浏览器控制台上更新html文本输入。例如cpuboss。com这里是一些来自cpuboss的html代码

<input placeholder="find a cpu" name="query" type="text" id="product-lookup" autocomplete="off" class="">

---

我尝试了.value.innerhtml.attribute等，但它们不起作用。有人能帮我解释为什么这些代码不起作用吗

document.getElementsByName

返回一个

节点列表

，基本上是一个数组。你会想要第一个，就像这样：

document.getElementsByName('query')[0].value = "test";

---

document.getElementsByName

返回一个

NodeList

，基本上是一个数组。你会想要第一个，就像这样：

document.getElementsByName('query')[0].value = "test";

---

您应该添加建议使用id，因为id必须是唯一的，他可以直接引用它：

document.getElementById（'product-lookup'）。value=“test”@zevee我不知道。非常感谢，这很有效。难以置信谢谢你的提示！有些元素没有id值，所以我会在可用时使用它。您应该添加一条建议使用id，因为id必须是唯一的，他可以直接引用它：
document.getElementById（'product-lookup'）。value=“test”@zevee我不知道。非常感谢，这很有效。难以置信谢谢你的提示！有些元素没有id值，因此我将在可用时使用它。