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

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";
}