Scribd
Upload
32 views7 pages

Topics

The document discusses the Document Object Model (DOM) and how it represents an HTML document as a tree structure. The DOM defines JavaScript objects that represent the different elements in an HTML document, such as tags, attributes, and text. These objects are accessible through the DOM API and can be manipulated with JavaScript. The DOM tree follows the nested structure of tags in the HTML document, with parent elements containing child elements.

Uploaded by

SARATH CHANDRA
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
32 views7 pages

Topics

The document discusses the Document Object Model (DOM) and how it represents an HTML document as a tree structure. The DOM defines JavaScript objects that represent the different elements in an HTML document, such as tags, attributes, and text. These objects are accessible through the DOM API and can be manipulated with JavaScript. The DOM tree follows the nested structure of tags in the HTML document, with parent elements containing child elements.

Uploaded by

SARATH CHANDRA
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 7

Topics

• DOM: Collections and Event Handling.


• XML and RSS: Introduction, XML Basics,
Structuring Data, XML Namespaces,
Document Type Definitions(DTDs), W3C XML
Schema Documents, XML Vocabularies
Extensible Style sheet Language and XSL
Transformations, Document Object Model
(DOM), RSS.
Document is a Tree
DOM tree

• The backbone of an HTML document are tags.


• According to Document Object Model (DOM),
every HTML-tag is an object. Nested tags are
called “children” of the enclosing one.
• The text inside a tag it is an object as well.
• All these objects are accessible using
JavaScript.
Example
<html>
<head>
<title>About
elks</title> </head>
<body> The truth
about elks. </body>
</html>
• Tags are called element nodes (or just
elements). Nested tags become children of
the enclosing ones.
• <html> is at the root,
then <head> and <body>are its children, etc.
• DOM is a language-neutral API for working
with HTML (and XML) documents
• DOM hierarchy
Rooted at window.document
Follows HTML document structure
• window.document.head
• window.document.body
DOM Collections
• Link
• Anchor
• Child
• Img

You might also like