Can't get the value from input using Javascript

Question

I want to get the value from an input tag in HTML using JavaScript but I always get undefined. Help me solve this issue..

HTML code is as follows

<td><input type="text" class="number cost" value="10000"></td>

JavaScript is as follows

document.getElementsByClassName("cost").value;

`getElementsByClassName` returns an array. Try `document.getElementsByClassName("cost")[0].value` — Shilly, Feb 09 '17 at 10:51
@Shilly — While array-like, the object returned is **not** an array. — Quentin, Feb 09 '17 at 10:52
Yeah, i know, it's a live collection of nodes, but I was trying to keep it simple as the OP is a beginner. — Shilly, Feb 09 '17 at 11:09

score 3 · Answer 1 · edited Feb 09 '17 at 10:53

3

getElementsByClassName() returns to you an array-like object, So if you have one item, it will return an one item in the array-like object. Get the first item by its index:

document.getElementsByClassName("cost")[0].value;

edited Feb 09 '17 at 10:53

Quentin

914,110
126
1,211
1,335

answered Feb 09 '17 at 10:51

Suren Srapyan

66,568
14
114
112

Can't get the value from input using Javascript

1 Answers1