javascript - 如何在没有 ID 或类属性的输入上使用 setAttribute？

Question

我有一个由 jQuery 插件添加的搜索输入标记:

<input type="search" />

请注意，它没有 ID、CLASS 或 NAME。我需要搜索输入标签如下所示:

<input type="search" name="myname" />

一个简单的解决方案是更新 jQuery 插件。不过，我不想这样做，因为这会给我以后升级这个插件带来挑战。

此 JavaScript 正常工作并添加名称属性:

$(document).ready(function() {
   document.getElementsByTagName("input")[0].setAttribute("name", "myname");
});

问题在于该函数中的“[0]”依赖于表单中第一个输入字段的搜索输入。我认为这个解决方案是不可持续的。

表单中还有其他输入。这是唯一一个 type 属性等于“search”的。有没有办法通过这个属性来识别它？或者，您是否提出了其他解决方案？

感谢您的宝贵时间!

Answer 1

您可以使用document.querySelector :

document.querySelector("input[type='search']")

下面是一个示例(您可以检查输出以查看name 属性):

document.querySelector("input[type=search]").setAttribute("name", "myname");

<input type="search" value="foo" />
<input type="bar" value="bar" />