eXtensible Markup Language

DOM & XMLDocument Object Model

&

eXtensible Markup Language

Reference : http://www.w3schools.com/Xml/xml_syntax.asp

eXtensible Markup Language

Document Object Model (DOM)

DOM concept: NODE

<element></element>

An empty node:

<element />

eXtensible Markup Language

XML DOM

node relations :

♦ Parent

♦ Child

♦ Siblingelement node A

element node B

element node C

element node D

parent

sibling

child

eXtensible Markup Language

XML DOM

The NODE object

root node

element node

#text node attribute node

Node types:

1. Element

2. Attribute

3. Text

eXtensible Markup Language

XML DOM

Example <class><name>2X2</name>

<pupil sno="1"><name>Alan Ang</name>

</pupil><pupil>

<name>Brenda Blu</name></pupil>

</class>

Element nodes

Attribute node

Text node

eXtensible Markup Language

XML DOM

Example <class><name>2X2</name>

<pupil sno="1"><name>Alan Ang</name>

</pupil><pupil>

<name>Brenda Blu</name></pupil>

</class>

Element nodes

Attribute node

Text node

eXtensible Markup Language

XML DOM

Example

Element nodes

<class><name>2X2</name>

<pupil sno="1"><name>Alan Ang</name>

</pupil><pupil>

<name>Brenda Blu</name></pupil>

</class>

Attribute node

Text node

eXtensible Markup Language

XML DOM

Element nodes

<class><name>2X2</name>

<pupil sno="1"><name>Alan Ang</name>

</pupil><pupil>

<name>Brenda Blu</name></pupil>

</class>

Attribute node

Text node

Example

eXtensible Markup Language

Node diagram

<pupil sno=“1”><name>Alan Ang</name>

</pupil>

element “pupil”

element “name”

#text

“Alan Ang”

attributesno= “1”

eXtensible Markup Language

XML DOMAssignment 1 (2pts)• Write the XML

source code for the follow node diagram.

company

people

work home

name

George Lucas

address

123 Anywhere Street

phone

1800-111-1111

postal = “654321”Element node

Attribute node

Text node

eXtensible Markup Language

XML DOM

Assignment 2 (2 pts)• Draw the node diagram to

illustrate the relationship between all the nodes.

• Distinguish between element/attribute/text nodes.

<class><name>2X2</name><pupil sno=“1”>

<name>Alan Ang</name></pupil><pupil>

<name>Betty Blu</name></pupil>

</class>

eXtensible Markup Language

XML

Parts of an XML document

1. Prolog

2. Root Element

XML declaration DTD declaration Stylesheet declaration

Elements (Nested Elements)

eXtensible Markup Language

XML

Parts of an XML document

1. Prolog

<?xml version="1" ?>

<?xml-stylesheet href ="xd.xsl" ?>

<!DOCTYPE classes SYSTEM cls.dtd>

eXtensible Markup Language

XML

Parts of an XML document

1. Elements Nested child elements

Element Attribute Data

<books>

<book id="1" >

<author>King James</author>

<title>Holy Holly</title>

</book>

</root>

eXtensible Markup Language

http://www.youtube.com/v/pKKTjSeiCMw?fs=1&amp;hl=en_US