Solved

getElementsByClassName on prototype

Posted on 2009-04-02
1
181 Views
Last Modified: 2012-05-06
Hi there,
Completely stuck with a trivial issue i suppose.
I use the prototype library
I have an element and want to get all its child elements with class 'rooms' and do something with each.
What i do is the following code and i get an error el.getElementsByClassName(".rooms").each is not a function
el.getElementsByClassName(".rooms") return an HTMLcollection...How on earth can i manipulate the elements of this collection?

thanks

el.getElementsByClassName('.rooms').each(function(e){
				//do something
			});

Open in new window

0
Comment
Question by:ioustinos_sarris
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
1 Comment
 
LVL 10

Accepted Solution

by:
cyberstalker earned 500 total points
ID: 24053028
You can loop through all the elements with a for loop
var elements = el.getElementsByClassName('.rooms');
 
for (var i = 0; i < elements.length; i++)
{
    // do something with elements.item(i)
}

Open in new window

0

Featured Post

The Ultimate Checklist to Optimize Your Website

Websites are getting bigger and complicated by the day. Video, images, custom fonts are all great for showcasing your product/service. But the price to pay in terms of reduced page load times and ultimately, decreased sales, can lead to some difficult decisions about what to cut.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In my daily work (mainly using ASP.net), I need to write a lot of JavaScript code. One of the most repetitive tasks I do are the jQuery Ajax calls. You know: (CODE) I don't know if for you it's the same, but for me is soooo tedious to write the …
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

728 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question