DOM 1: Document Node String: nodeName String: nodevalue hasChildNodeso append child(new Child) remove Child (old child) HTMLDocument String: title String: URL open Document close( DocumentType: doctype write(text) Element: documentElement writeln(text getElementById(elementID) createElement(tagName) getElements By Name(elementName) createTextNode data create Comment(data)
DOM 1: Document Node String: nodeName String: nodeValue … hasChildNodes() appendChild(newChild) removeChild(oldChild) … Document DocumentType: doctype Element: documentElement … createElement(tagName) createTextNode(data) createComment(data) … HTMLDocument String: title String: URL … open() close() write(text) writeln(text) getElementById(elementID) getElementsByName(elementName)
N Ode⊥ree Document Root element <htmI> Element Element <head> body> Element Attribute Element Element <title> href <a> <h1> Text Text Text My title My link My header
Node Tree
XMI eXtensible Markup Language Semantic XML was designed to transport and store data
XML eXtensible Markup Language Semantic XML was designed to transport and store data
Semantic HTML XML <table> Person> <tr> <Name> <td> David</td> <First> David/ First> <td> Crowder</td> <Last> Crowder</Last> <td>49</td> </Name> </tr> Age>49</Age> </Person> </table>
Semantic HTML <table> <tr> <td>David</td> <td>Crowder</td> <td>49</td> </tr> … </table> XML <Person> <Name> <First>David/First> <Last>Crowder</Last> </Name> <Age>49</Age> </Person> …
XSLT extensible stylesheet Language transformations Transform Transform xml into hTml
XSLT eXtensible Stylesheet Language Transformations Transform Transform XML into HTML