how to get input class value by javascript

Question

I know jQuery is easy to get the value but how can i use Javascript only to get the value?

<input type="text" class="num" /> <a href="#" onclick="alert(document.getElementsByClassName('num').value);"> click </a>

thanks for help

Blender · Accepted Answer · 2012-10-19 03:04:05Z

9

document.getElementsByClassName returns an array of elements. You're looking for the first element in that array:

document.getElementsByClassName('num')[0].value;

Demo: http://jsfiddle.net/2vRCU/1/

answered Oct 19, 2012 at 3:04

Blender

300k55 gold badges462 silver badges511 bronze badges

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

Comments

Leemax · Accepted Answer · 2012-10-19 03:14:30Z

2

i think the most common way to do that is give the element a "id" .... at least it's what i did when i was using javascript in old days before jQuery and all other JS frameworks.

<input id='mytext' type="text" class="num" />

and use this to capture:

document.getElementById('mytext');

so it will be:

<a href="#" onclick="alert(document.getElementById('mytext').value);"> click </a>

answered Oct 19, 2012 at 3:14

Leemax

6981 gold badge6 silver badges11 bronze badges

Comments

ARUNRAJ · Accepted Answer · 2012-10-19 03:40:39Z

0

document.getElementById('mytext').className;

answered Oct 19, 2012 at 3:40

ARUNRAJ

4896 silver badges16 bronze badges

Collectives™ on Stack Overflow

how to get input class value by javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related