getelementsbyclassname

var menuheader = document.createElement("li"); document.getElementsByClassName("subMenu").appendChild(menuheader); Above is the code snippet. I get this error: firebug: TypeError: document.getElementsByClassName(...).appendChild is not a function It should be var menuheader = document.createElement("li");// creates main menu to which below submenu should be added. var submenus=document.getElementsByClassName("subMenu"); //gives an array so you cannot append child to that. for(int i=0;i<submenus.length;i++){ menuheader.appendChild(submenus[i]); } From your code it seems that you are doing

This question already has an answer here: What do querySelectorAll and getElementsBy* methods return? 9 answers I'm trying to add a extra class to some elements with a specific class(input-fieldset). <fieldset id="pay" class="input-fieldset"></fieldset> <fieldset id="address" class="input-fieldset"></fieldset> So I did some searches and found this: var element = document.getElementsByClassName('input-fieldset'); element.classList.add(' input-fieldset-awesome'); I'm trying to add the class input-fieldset-awesome. But it doesn't work, I get the error: Uncaught TypeError: Cannot read property

I'm trying to only show certain div s. The way I have decided to do this is to first hide all elements that start with "page" and then only show the correct div s. Here's my (simplified) code: <form> <input type="text" onfocus="showfields(1);"> <input type="text" onfocus="showfields(2);"> </form> <div class="page1 row">Some content</div> <div class="page1 row">Some content</div> <div class="page2 row">Some content</div> <div class="page2 row">Some content</div> <script> function showfields(page){ //hide all items that have a class starting with page* var patt1 = /^page/; var items = document

Consider a simple JS event of document.getElementsByClassName('test')[0].onclick=function(){ document.getElementsByClassName('test')[0].innerHTML = 'New Text'; } How can I extend this code to generally work for all elements with class="test" . I mean getting the element clicked and replace its content. In fact, we need to get the node number (provided inside the bracket) from the click event. I am trying to better understand javascript in unobtrusive codes, not a practical method like jQuery. Just iterate over them: var elements = document.getElementsByClassName('test'); for (var i = 0; i <