Though recently because of the added pressure of webapps being interactive, I finally took the bullet and gave object oriented javascript a go.
I was amazed, after going through several tutorials on scriptaculous(based on prototype) and JQuery.
But to really get my groove on I needed the ultimate tools, which I found here: Web Development Bookmarklets.
The JavaScript interactive compiler(drag to bookmarks bar), from web development page. You can click this bookmarklet to open a javascript shell for any page and it keeps its scope across new requests.. Excellent!
here's a bookmarklet for loading prototype on the fly, made this myself :), drag to bookmark bar:
load prototype
Then you may write something like this, in the shell, to print the names of all divs:
$$('div').each(function(element){print(element.name);});
Or this to make all divs blink
$$('div').each(function(element){blink(element);});
You can load any script you want, which is particularly easy in the shell with> load(scriptURL). ex.
load('http://wiki.script.aculo.us/javascripts/prototype.js');
//to add more fun load this:
load('http://wiki.script.aculo.us/javascripts/effects.js');
//shake all divs
$$('div').each(function(divElement){Effect.Shake(divElement);});
It boils down to being able to manipulate the dom at will and test Ajax very easily. Enjoy it, I do.
UPDATE:
more powerfull load
load scripts
adds the function shakeDivs(); - try it
