Question

I want to hide certain columns of a HTML template with JavaScript. Could anybody tell me how can I achieve this? I’ve tried giving IDs to the entire column TDs and then making document.getElementById("ID").style.display = "none" but it hides only the first TD.

Thank you.

Answer 1

IDs are only supposed to be used uniquely, i.e. for one element only, therefore getElementById will only return 1 element, the first that matches. Try using a class instead and:

var elems = document.getElementsByClassName("someClass");
for(var i = 0; i < elems.length; i++)
    elems[i].style.display = "none";

EDIT: in jQuery mode on accident >:)