Iterating through an unknown length array of textareas, using Javascript

Question

I'm trying to iterate through an array of textareas on my page with ClassName TextInput and change their values (innerHTML). The function I wrote is as follows-

    function init() {
        var TextInput[] = document.getElementByClassName("TextInput"); //line 12
        for(var i = 0; i < TextInput.length; i++) {
            TextInput[i].innerHTML = "N/A";
        }
    }

Firefox 18.0.2's debug console says SyntaxError: missing ; before statement on line 12.

What is wrong with my code and how can I achieve what I'm trying to do?

Dogbert · Accepted Answer · 2013-02-23 15:00:07Z

2

You don't need to add [], just

var TextInput = document.getElementByClassName("TextInput"); //line 12

Edit: And as @Benjamin pointed out, the function name is missing a s.

This should work:

var TextInput = document.getElementsByClassName("TextInput"); //line 12

answered Feb 23, 2013 at 15:00

Dogbert

223k43 gold badges419 silver badges416 bronze badges

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

4 Comments

Benjamin Gruenbaum Over a year ago

Also, the function name is getElelentsByClassName

Samik Sengupta Over a year ago

Did it and now it says- TypeError: document.getElementByClassName is not a function on line 12.

Samik Sengupta Over a year ago

@BenjaminGruenbaum It worked. getElementsByClassName did the trick. Thanks.

Benjamin Gruenbaum Over a year ago

@SamikSengupta The bug you notices was pointed out by @ Dogbert , I just notices another thing missing . You should accept his answer.

Collectives™ on Stack Overflow

Iterating through an unknown length array of textareas, using Javascript

1 Answer 1

4 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Related