I am designing a web app and I intent to embed data on an XML island so that I can dynamically render it on an HTML table on the client-side based on options the users will select.
I have the broad concepts, but I need pointers on how to use DOM in navigating my XML. And how to update my XML island possibly for posting back to the server?
NB: I understand most of the dynamic HTML concepts and server and client side stuff, so feel free to be technical in your response.
In W3C HTML there are no XML data islands (unless you’re referring to external XML file linked via frames loaded using Javascript), but you can re-use HTML elements and insert metadata in
class,title(if you care about HTML4 validity),data-*(HTML5) or your custom attributes.For DOM navigation you’ve got DOM Core, like
element.childNodes,.nextSibling,.getAttribute(), etc.DOM can be verbose and tedious to use (e.g. when looking for elements in DOM you have to be careful to skip text nodes), so there are JS libraries like jQuery and Prototype built on top of it that offer more convenient API.
If you intend to a lot of DOM transformations, then Javascript API for XPath and XSLT processor will be handy.