JavaScript动态附加到“搜索”字段

Question

无论如何，在JavaScript中扫描HTML并获取输入字段的id，例如搜索栏会有：

<input id="searchBar">

然后直接从那里读取文字？特别是如果这是在多个不同的html文档上运行，那么实际的id不能被硬编码。

Answer 1

您可以使用document.getElementsByTagName('input')返回页面上所有input元素的数组，然后遍历数组并通过访问.id属性获取元素的ID。当你在这里时，我认为你可以使用.value属性来获取输入的内容。

类似

var inputs = document.getElementsByTagName('input');

for(var i = 0; i < inputs.length; i++)
{
    console.log(inputs[i].id);
    console.log(inputs[i].value);
}

如果您特别想使用该ID，那么您也可以使用document.getElementById()。