CODEWITHSUNDEEP
javascripthtml
Harshana
Harshana

Reputation: 7647

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.

Upvotes: 7

Views: 23857

Answers (3)

rikas
rikas

Reputation: 490

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

You just have to do this:

$("*[name='x']").first();

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!

Upvotes: 0

Nick Craver
Nick Craver

Reputation: 630429

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.

Upvotes: 9

Quentin
Quentin

Reputation: 943561

Just get the first element:

document.getElementsByName("x")[0];

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.)

Upvotes: 18

Related Questions