¶ Last night Jeremy and I gave a SkillSwap talk on ‘JavaScript and the Document Object Model.’ Essentially we wanted to show the kind of things that can now be achieved by using JavaScript to interogate and manipulate the DOM, emphasizing that the bad old days of code forked DHTML are way behind us.
The talk was well received and I think we got our message across, but we struggled in one area: that of supplying sources of further information. A List Apart has some useful scripts exploring this area, as does Simon Willison’s Stylish Scripting blog; Quirksmode covers the browser discrepancies in painstaking detail; but the only useful reference I’ve found which documents methods and properties such as createElement() and nodeValue is the Mozilla.org Gecko DOM Reference.
So the question is: are there any other useful sites out there which provide a reference for DOM scripting?




Comments
1
I was starting to get excited about DOM scripting, then the resources started drying up.. ALA went quiet and many other sites I visit regularly cough have been sparse for a while :) I hope some good stuff gets turned up here. And thanks for posting the resources above.
2
Apple’s two-part guide on the DOM is pretty good:
http://developer.apple.com/internet/webcontent/dom2i.html
3
Scott Andrew:
http://www.scottandrew.com/weblog/articles/domwin_1
http://www.scottandrew.com/weblog/articles/domwin_1
http://www.scottandrew.com/weblog/articles/dhtml_ns6
http://www.scottandrew.com/weblog/articles/cbs-events
http://www.scottandrew.com/weblog/articles/events
Mike Hall:
http://www.brainjar.com/dhtml/intro/
http://www.brainjar.com/dhtml/events/
That’s what I could come up with now, it’s all pretty old stuff though.
4
Any chance of seeing the notes for the talk? Sounds interesting.
5
As soon as they are posted on the SkillSwap site I’ll make a note here. In the meantime you can keep an eye on the SkillSwap archive
6
JavaScript: The Definitive Guide is a fantastic book for both JavaScript language and scripting with the DOM. Thankfully, the book’s chapter on the DOM is available for free online: http://www.oreilly.com/catalog/jscript4/chapter/ch17.html
7
i found this quite useful http://www.howtocreate.co.uk/tutorials/index.php?tut=0&part=24 (found originally via PPK’s article over at digital web http://digital-web.com/articles/forms_usability_and_the_w3c_dom/ )
8
When I’m looking for a method or an object or a property, I find the MS reference to be pretty good:
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/dhtml_reference_entry.asp
Although it has an MS slant, all things are marked with whether they’re part of W3C specs.
9
slayeroffice has a lot of dhtml stuff that acts as good references/examples. i’ve found myself pouring over their source code for this or that quite a lot when i need to figure out how to do something.
I wish he’d be a bit more verbose with his code comments, but overall its a good resource.
http://slayeroffice.com
10
This one’s quite nice: DOM2 reference with examples
11
It’s definitely worth mentioning Visibone’s JavaScript cards which are complete JavaScript, DOM and regex in a very compact form. Not so good as a detailed how-to guide, but handy for dipping into as syntax reminders.
Add your comment
Comments are now closed on this post. If you have more to say please contact me directly.