dom structure

13

Category:

Education


4 download

DESCRIPTION

DOM Structure

TRANSCRIPT

Page 1: DOM Structure
Page 2: DOM Structure

Disclaimer: This presentation is prepared by trainees of baabtra as a part of mentoring program. This is not official document of baabtra –Mentoring PartnerBaabtra-Mentoring Partner is the mentoring division of baabte System Technologies Pvt . Ltd

Page 3: DOM Structure

DOM STRUCTURE

Ashwin Ananad VEmail/facebook_id:[email protected]

Page 4: DOM Structure

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.

Page 5: DOM Structure

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.

Page 6: DOM Structure

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.

Page 7: DOM Structure

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

Page 8: DOM Structure

DOM Tree• The usual parent/child relationship between node• Like any other tree, you can walk this

Page 9: DOM Structure

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.

Page 10: DOM Structure

Example in JavaScript

function 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>

Page 11: DOM Structure

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

Page 12: DOM Structure

Thank you

Page 13: DOM Structure

Contact Us