HTML DOM getElementsByName() 方法

语法

var elements = document.getElementsByName(name);

• name：表示要获取的元素的名称。

示例

假设我们有以下的 HTML 结构：

<form>
    <input type="text" name="username" />
    <input type="text" name="email" />
    <input type="text" name="password" />
</form>

我们可以使用 getElementsByName() 方法来获取这些 input 元素：

var inputs = document.getElementsByName("username");
console.log(inputs); // NodeList(1) [input]

注意事项

• getElementsByName() 方法返回的是一个 NodeList，即使只有一个匹配的元素也是如此。如果你只想获取一个元素，可以通过索引来访问，例如 document.getElementsByName("username")[0]。
• 虽然 name 属性在 HTML5 中不再是必需的，但在旧的代码中仍然会经常见到，因此 getElementsByName() 方法仍然有其用处。
• 注意 getElementsByName() 方法返回的是一个静态的 NodeList，即使在后续对 DOM 进行了修改，它也不会自动更新。如果需要实时更新，可以考虑使用其他方法，如 querySelectorAll()。

总的来说，getElementsByName() 方法是一个方便的方法，可以根据元素的名称快速获取对应的元素。在实际开发中，根据具体的情况选择合适的方法来获取元素是非常重要的。希望本文对你有所帮助！