Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

An Introduction to the DOM

3,529 views

Published on

If you are using jQuery, you need to understand the Document Object Model and how it accounts for all the elements inside any HTML document or Web page.

Published in: Education
  • My struggles with my dissertation were long gone since the day I contacted Emily for my dissertation help. Great assistance by guys from ⇒⇒⇒WRITE-MY-PAPER.net ⇐⇐⇐
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • You have to choose carefully. ⇒ www.HelpWriting.net ⇐ offers a professional writing service. I highly recommend them. The papers are delivered on time and customers are their first priority. This is their website: ⇒ www.HelpWriting.net ⇐
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • You can hardly find a student who enjoys writing a college papers. Among all the other tasks they get assigned in college, writing essays is one of the most difficult assignments. Fortunately for students, there are many offers nowadays which help to make this process easier. The best service which can help you is ⇒ www.HelpWriting.net ⇐
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Follow the link, new dating source: ❶❶❶ http://bit.ly/369VOVb ❶❶❶
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Dating direct: ❤❤❤ http://bit.ly/369VOVb ❤❤❤
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

An Introduction to the DOM

  1. 1. The Document Object Model (DOM) An introduction to the concept
  2. 2. If you search around the Web, you’ll find alot of representations of the DOM.Not all of these are accurate.
  3. 3. http://finearts.fontbonne.edu/tech/web/script/js_DOM.html
  4. 4. http://dev.opera.com/articles/view/traversing-the-dom/
  5. 5. http://net.tutsplus.com/tutorials/javascript-ajax/javascript-and-the-dom-series-lesson-1/
  6. 6. http://107.22.190.18/deadball/archives/13
  7. 7. http://elvex.ugr.es/decsai/internet/web/javascript.html
  8. 8. http://coderbay.com/exploring-htm-document-object-model-dom/
  9. 9. “The Document Object Model isa platform- and language-neutral interfacethat will allow programs and scriptsto dynamically access and updatethe content, structure and style of documents.The document can be further processedand the results of that processingcan be incorporatedback into the presented page.” —World Wide Web Consortium (W3C)
  10. 10. The definitive source: http://www.w3.org/TR/dom/
  11. 11. If you example thesource of any HTMLpage in the W3C’srecommended“Live DOM Viewer,”you can easily see the“tree.” This illustratesthe actual DOM of areal document.
  12. 12. “A tree of nodes”• A document is represented as a tree of nodes of various types.• Many nodes have “child” nodes (and any child has a direct “parent”).• A child is a node. Any node may have “children.”• The “sibling” of a node is a node that is on the same level or line, neither above it or below it. —World Wide Web Consortium (W3C)
  13. 13. An idea to understand<div><p>This is a <em>new</em> paragraphin an HTML document.</p></div>The <p> is a child of the <div>The <em> is a child of the <p>
  14. 14. A good introduction andexplanation of the DOM:W3C DOM – Introduction http://www.quirksmode.org/dom/intro.html
  15. 15. The Document Object Model (DOM) Presentation by Mindy McAdams [February 2013]

×