使用 JavaScript 更改网页中的文本 [重复]

Posted 2023-03-07

【中文标题】使用 JavaScript 更改网页中的文本 [重复]

【英文标题】：Changing Text in WebPage with JavaScript [duplicate]

【发布时间】：2018-03-05 21:50:57

【问题描述】：

我在使用 javascript 代码更新 html 元素时遇到问题。我正在尝试更新 google chrome 控制台上的 html 文本输入。例如。 cpuboss . com 这里是来自 cpuboss 的一些 html 代码

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

我尝试了在 *** 上找到的几乎所有代码示例，但我无法更新文本元素。

document.getElementsByName('query').value = "test"

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

【参考方案1】：

document.getElementsByName 返回一个NodeList，基本上是一个数组。你会想要第一个，像这样：

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

【讨论】：

你应该添加建议使用id，因为id必须是唯一的，他可以直接引用它：document.getElementById('product-lookup').value = "test";

@zevee 我不知道。非常感谢它的工作。 IncredibleHat 感谢您的提示！有些元素没有 id 值，所以我会在可用时使用它。