DOM Structure

518 views
449 views

Published on

DOM Structure

Published in: Education
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
518
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
25
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

DOM Structure

  1. 1. Disclaimer: This presentation is prepared by trainees ofbaabtra as a part of mentoring program. This is not officialdocument of baabtra –Mentoring PartnerBaabtra-Mentoring Partner is the mentoring division of baabte System Technologies Pvt .Ltd
  2. 2. DOM STRUCTURE Ashwin Ananad V Email/facebook_id:ashwinanand99@gmail.com
  3. 3. What is the DOM?• The Document Object Model (DOM) is a model of programming that concerns the way in which we represent objects contained in a web document (single web page).• There are several different levels of the DOM Standard, as proposed by the W3C.
  4. 4. DOM Standard Levels• Level 0: Not really a standard level. Refers to models developed by browser vendors for handling documents prior to a standard.• Level 1: First recommendation from W3C for a DOM Standard. Includes two parts: a core (covers XML & HTML) and an HTML-only section.
  5. 5. DOM Standard Levels• Level 2: Includes additions for events and style sheets. Supported by current versions of the most popular browsers.• Level 3: Still under development. Includes additions for XML features.
  6. 6. Javascript and the DOM• Originally, the Document Object Model (DOM) and Javascript were tightly bound• Each major browser line (Netscape) had their own overlapping DOM implementation• Now, the DOM is a separate standard, and can be manipulated by other languages (eg Java, server side javascript, python, etc)• Browsers still differ in what parts of the standard they support, but things are much better now
  7. 7. DOM Tree• The usual parent/child relationship between node• Like any other tree, you can walk this
  8. 8. Preparing Your Pages for DOM• All pages must be well-formed XHTML documents.• All pages must include a valid DOCTYPE.• You must include all text inside valid XHTML elements.• Identify relevant elements using the ’id’ attribute.
  9. 9. Example in JavaScriptfunction check(){if(document.form1.loginname.value == ""){ alert("Enter username"); return false;}---------------------------------------------<form name="form1" action="" method="get"><tr><th> login name</th><th> : </th><th> <input type="loginname" size="20" name="loginname" maxlength"12"></th></tr>--------------------------------------</form>
  10. 10. If this presentation helped you, please visit our page facebook.com/baabtra and like it. Thanks in advance.www.baabtra.com | www.massbaab.com |www.baabte.com
  11. 11. Thank you
  12. 12. Contact Us

×