How to get a html element by name

Is there a way in java script to get only a particular name instead of using document.getElementsByName("x"); which return an array? I have a kind of special situation where i can’t use the id. Any suggestions please? Thank You.



Just get the first element:


Or for safety:

function getFirstElementByName(element_name) {
    var elements = document.getElementsByName(element_name);
    if (elements.length) {
        return elements[0];
    } else {
        return undefined;

(BTW getElementsByName returns a collection, not an array.)


If you're looking for a single element, take the first one from the nodelist, for example:

var element = document.getElementsByName("x")[0];

You can test it out here.


Or use jQuery, so you don't have to bother with all the browser annoyance.

You just have to do this:


To get the first element with that name. If you know the element type than you can use it instead of "*". jQuery will make your life easier every time!


Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us Javascript

©2020 All rights reserved.