how to get value by class name using javascript [duplicate]

Question

Sorry, it's basic one but I trying to search on google anyways but still not get success.

I want get value of this

<input type='hidden' class='hid_id' value='1' />

Using Javascript I want alert value 1

I trying this

var id = document.getElementsByClassName("hid_id");
alert (id);

But it's alert [object HTMLInputElement]

please help me now.

Keammoort · Accepted Answer · 2015-12-10 17:04:41Z

15

getElementsByClassName() returns an array so you have to access first element (if there is any). Then try accessing value property:

var id = document.getElementsByClassName("hid_id");
if (id.length > 0) {
    alert (id[0].value);
}

answered Dec 10, 2015 at 17:04

Keammoort

3,06517 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

madox2 · Accepted Answer · 2015-12-10 17:05:12Z

10

try this:

var id = document.getElementsByClassName("hid_id")[0].value;

answered Dec 10, 2015 at 17:05

madox2

52.2k21 gold badges106 silver badges101 bronze badges