How to select the last one of a certain element in JavaScript

javascript dom css-selectors selector getelementbyid
Ned picture Ned · Nov 13, 2015 · Viewed 7.6k times · Source

I have several <select> elements in my page. Is there any easy way to select the last one of them? This brings me the first one:

document.getElementById("myList")

UPDATE:

Sorry for the wrong usage of getElementById. Let me change my question: How to access the last one of a certain element using getElementsByTagName?

document.getElementsByTagName("select")

Answer

Ned picture Ned · Nov 13, 2015 
var allSelects = document.getElementsByTagName("select");
var lastSelect = allSelects[allSelects.length-1];

Related questions

Using querySelectorAll to retrieve direct children

I am able to do this: <div id="myDiv"> <div class="foo"></div> </div> myDiv = getElementById("myDiv"); myDiv.querySelectorAll("#myDiv > .foo"); That is, I can successfully retrieve all the direct children …

Read More
Why does document.querySelectorAll return a StaticNodeList rather than a real Array?

It bugs me that I can't just do document.querySelectorAll(...).map(...) even in Firefox 3.6, and I still can't find an answer, so I thought I'd cross-post on SO the question from this blog: http://blowery.org/2008/08/29/yay-for-queryselectorall-boo-for-staticnodelist/ Does anyone know …

Read More
How do I test CSS selectors in JavaScript?

How could I test CSS1-3 selectors to check that they get the correct elements, e.g. with JavaScript (maybe jQuery)?

Read More