getElementsByClassName Help (Uncaught reference error when assigning to variable)

Question

Having some trouble selecting class names with plain \'ol vanilla javascript:

var email = document.getElementsByClassName(\'email\');
var phone = document.getEle         


        

Answer 1

Hint:

document.getElementsByClassName -- Notice that is plural. It returns an nodeList or a null.

First step of debugging should have been a console.log(phone) and see what value it did have.

Without seeing your markup, I have to take some guesses but try:

var email = document.getElementsByClassName('email')[0];
var phone = document.getElementsByClassName('phone')[0];

Edit: Returns a nodeList which is array-like, but not actually an array.

Answer 2

document.getElementsByClassName returns a nodeList. You would access it similarly to an array of elements.

Edit:

changed to nodeList

Answer 3

1. If you are doing this in an older version of IE getElementsByClassName is not defined so your email and phone variables are undefined.
2. If this is added to the page before the elements phone and email are loaded then email and phone will be undefined.
3. getElementsByClassName return a node list so you should actually define email and phone.

Code:

var email = document.getElementsByClassName('email')[0];
var phone = document.getElementsByClassName('phone')[0];

Update: Or loop through the array:

for(var i = 0; i < phone.length; i++)
{
    phone[i].style.display = "none";
}