Get the value of input text with document.getElementsByClassName

Question

I'm doing some code, where i want to get the value of an input text introduced by the user

Get the value

       var inputTextValue = document.getElementsByClassName("something");        
       alert("inputTextValue.value);

Creation of the input text

 function createHour(){
    var hour = document.createElement("INPUT");
    hour.id = "something";
    defineButtonHour(hour);
    //after: -code to append to div
  }

function defineHour(hour) {
  hour.className = "something";
}

The alert just print undefined.

Try change `alert("inputTextValue.value);` to `alert(inputTextValue.value);` — Vijay Chavda, Oct 14 '16 at 17:16
Are `defineButtonHour` and `defineHour` meant to be the same? — James Monger, Oct 14 '16 at 17:18

score 4 · Accepted Answer · answered Oct 14 '16 at 17:18

4

getElementsByClassName returns an array with all the elements that match the class, you need to iterate over the array, or access the one that you want by providing an index"

alert(inputTextValue[0].value);

also theres an extra semicolon in your alert that shouldnt be there

answered Oct 14 '16 at 17:18

StackOverMySoul

1,957
1
13
21

The extra semicolon was a mistake on the copy-paste. But your solution worked, you have my up vote and the accept of the answer – Mark Oct 14 '16 at 17:24

score 0 · Answer 2 · answered Oct 14 '16 at 17:20

var inputTextValue = document.getElementsByClassName("something");

Returns a nodelist of all the nodes with the class something. A nodelist is kind of an array. you can write:

var inputTextValue = document.getElementsByClassName("something")[0];

If you can guarantee there will be at least one and you only want one.

Also, your alert has a quote where it doesn't need one:

alert(inputTextValue.value);

Get the value of input text with document.getElementsByClassName

2 Answers2