如何在 JavaScript 中选择某个元素的最后一个答案

【问题标题】：How to select the last one of a certain element in JavaScript如何在 JavaScript 中选择某个元素的最后一个
【发布时间】：2017-08-02 00:39:28
【问题描述】：

我的页面中有几个<select> 元素。有什么简单的方法可以选择最后一个吗？这给我带来了第一个：

document.getElementById("myList")

更新：

对于getElementById 的错误用法，我们深表歉意。让我换个问题：如何使用getElementsByTagName 访问某个元素的最后一个？

document.getElementsByTagName("select")

【问题讨论】：

应该只有一个id为mylist的元素...
一个元素的id必须是唯一的，你不能有超过一个id为myList的元素。使用例如class 而不是 Document.getElementsByClassName().
document.getElementsByTagName 对你来说会更好。
JavaScript and getElementById for multiple elements with the same ID的可能重复
很抱歉错误地使用了getElementById。让我改变我的问题：如何使用 getElementsByTagName 访问某个元素的最后一个？前任。 document.getElementsByTagName("select")

标签： javascript dom css-selectors selector getelementbyid

【解决方案1】：

var allSelects = document.getElementsByTagName("select");
var lastSelect = allSelects[allSelects.length-1];

【讨论】：

【解决方案2】：

您不应使用多个具有相同 ID 的元素。更好的选择是document.getElementsByTagName i。 e. document.getElementsByTagName("input")[document.getElementsByTagName("input").length - 1]

【讨论】：

【解决方案3】：

更优雅的解决方案：

document.querySelector("select:last-child")

【讨论】：