slide1
Download
Skip this Video
Download Presentation
DOM

Loading in 2 Seconds...

play fullscreen
1 / 63

DOM - PowerPoint PPT Presentation


  • 58 Views
  • Uploaded on

DOM. DOM: Document Object Model from Dietel chapter 8. XML when parsed is represented as a tree structure in memory with elements attributes and content as tree nodes. XML is dynamic, a programmer can add or remove data, query for data as you would with a database.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' DOM' - kaitlin-dennis


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
dom document object model from dietel chapter 8
DOM: Document Object Model from Dietel chapter 8
  • XML when parsed is represented as a tree structure in memory with elements attributes and content as tree nodes.
  • XML is dynamic, a programmer can add or remove data, query for data as you would with a database.
  • W3C provides a document object model – a standard for constructing the tree in memory. A parser following this guideline in a DOM-parser.
  • A DOM parser exposes (makes available) a programmatic library that allows data in xml to be manipulated by manipulating the treenodes.
ms xml 6 0 insert

MS XML 6.0 insert

Download available at ms

Note: Peltzer text uses DOM object 4.0 but I could only get 3.0 to work

a jscript
A jscript

Displaying a Simple DOM Document in a Browser Popup

the xml from our peltzer text
The xml (from our Peltzer text)

101

Dwight

Peltzer

PO Box 516

Some City

NY

11564

516-111-1234

Professor of Computer Science

Tech University

Addison Wesley

MSR

25 Main Street Street

Major City

MA

XML Language Mechanics

450

Summer 2003

0-201-77168-3

XML Markup Language

12

Self-Review Exercises and Projects

Evaluation copy of XML Spy

in javascript use loadxml to load a file or a string into activexobject domdocument
In Javascript, use loadXML to load a file or a string into ActiveXObject (DOMDocument)

Displaying a Simple DOM Document in a Browser Popup

example script
Example script

javascript to display nodes and content
Javascript to display nodes and content

the script
The script

DP Software

To:


From:



the note xml
The note(.xml)

Bob

Joe

important news!

CSCI 345 assignment is due!!!

script
script

DOM Invoice

authors xml the rest in notes
Authors.xml…the rest in notes
  • 101
  • Dwight
  • Peltzer
  • PO Box 516
  • Some City
  • NY
  • 11564
  • 516-111-1234
  • Professor of Computer Science
  • Tech University
the xml
The xml

CSCI

Dennis

Higgins

Fitzelle 239

3552

vbscript
vbscript

the javascript
The javascript

DOM Demo

Building an XML Document.

a javascript form slide 1
A Javascript form: slide 1
  • The javascript code is in notes for this slideLink is: http://employees.oneonta.edu/higgindm/internet%20programming/jsDataFromForm2.html
dom structure using javascript dom html
DOM structure using javascriptDOM.html

"http://www.w3.org/TR/html4/strict.dtd">

A DOM Example

running dom html on article xml
Running DOM.html on article.xml

Simple XML

December 6, 2000

Tem

Nieto

XML is pretty easy.

Once you have mastered HTML, XML is easily

learned. You must remember that XML is not for

displaying information but for managing information.

javascript
javascript
  • modification of javascript program in Deitel text (in notes) lists children of root element and children of each of these.
  • run on myclass.xml database
replacing text in an xml document and rewriting the file
Replacing text in an xml document and rewriting the file
  • Dietel frequently uses the class com.sun.xml.tree.XmlDocument. This class is not part of java and you may (will!) have a hard time getting hold of it. It is nice, because it can be cast as a PrintWriter to write an xml file out. However, it is purposely not included in java because it is an internal class and subject to change. I figured out another way to do this using the transformer class, which is part of java. My way, unfortunately uses more code, so there is room for improvement.
  • My code appears in the notes. Here are the two changes to the text version:
  • In header:

import javax.xml.transform.*;

import javax.xml.transform.dom.DOMSource;

  • In code, to write file

StreamResult result = new StreamResult(new FileOutputStream("tmp.xml"));

transformer.transform(source, result);

original and rewritten xml
Original:

[

]>

New Changed Message!!

New version. BTW, LFs are not in file!!!

some string

Original and rewritten xml
a java program to create an xml file buildxml java
A java program to create an xml fileBuildXML.java
  • The java program in notes creates the xml file (tmp2.xml) below. Uses transformer instead of XMLDocument class.

Sue

Green

, and ?]]>

traversing the dom tree with a java program input file
Traversing the DOM tree with a java program: Input file
  • Uses the xml file simpleContact.xml

]>

John

Black

Johanna

Nally

commandline
Commandline
  • Java TraverseDOM simpleContact.xml
traversing the dom tree with a java program output
Traversing the DOM tree with a java program: Output

C:\PROGRA~1\JAVA\JDK15~1.0_0\BIN>java TraverseDOM simpleContact.xml

Document node: #document

Root element: contacts

Element node: contacts

Element node: contact

Attribute: gender ; Value = M

Element node: FirstName

Text: John

Element node: LastName

Text: Black

Element node: contact

Attribute: gender ; Value = F

Element node: FirstName

Text: Johanna

Element node: LastName

Text: Nally

C:\PROGRA~1\JAVA\JDK15~1.0_0\BIN>

dayplanner using dom
DayPlanner using DOM
  • The next example revisits the DayPlanner example (modified to use DOM)
  • Examples from Deitel XML, examples, 8_18 directory.
domecho02 uses jtree to display dom tree structure
DOMEcho02 uses JTree to display DOM tree structure
  • Usage is
  • Path>java DOMEcho02 file.xml
  • Listing in notes
mytransformer another java program
MyTransformer, another java program
  • This program parses the xml, generates errors if any, displays the data content.
  • MyTransformer appears in notes
  • To run:

Path>java MyTransformer input.xml output.xyz

mytransformer another java program input
MyTransformer, another java program:input

]>

John

Black

Johanna

Nally

the next few slides
The next few slides
  • The contents of the next several slides appear in the notes of this ppt but are shown here in their entirety.
  • They show an errorhandler class and all the code to traverse a DOM structure.
  • Code is from Deitel.
errorhandler
ErrorHandler

import org.xml.sax.ErrorHandler;

import org.xml.sax.SAXException;

import org.xml.sax.SAXParseException;

public class MyErrorHandler implements ErrorHandler

{

// throw SAXException for fatal errors

public void fatalError( SAXParseException exception )

throws SAXException

{ throw exception; }

public void error( SAXParseException e )

throws SAXParseException

{ throw e; }

// print any warnings

public void warning( SAXParseException err )

throws SAXParseException

{ System.err.println( "Warning: " + err.getMessage() ); }

}

imports for traversedom
Imports for TraverseDOM

import java.io.*;

import org.w3c.dom.*;

import org.xml.sax.*;

import javax.xml.parsers.*;

import com.sun.xml.tree.XmlDocument;

  • Last import is not part of java
  • You will have to use my notes in previous slides on how to write out a DOM document to a file.
traversedom
TraverseDOM

public class TraverseDOM {

private Document document;

public TraverseDOM( String file )

{ try {

// obtain the default parser

DocumentBuilderFactory factory =

DocumentBuilderFactory.newInstance();

factory.setValidating( true );

DocumentBuilder builder = factory.newDocumentBuilder();

// set error handler for validation errors

builder.setErrorHandler( new MyErrorHandler() );

// obtain document object from XML document

document = builder.parse( new File( file ) );

processNode( document ); }

catch ( SAXParseException spe ) {

System.err.println(

"Parse error: " + spe.getMessage() );

System.exit( 1 ); }

catch ( SAXException se ) { se.printStackTrace(); }

catch ( FileNotFoundException fne ) {

System.err.println( "File \'"

+ file + "\' not found. " );

System.exit( 1 );

}

catch ( Exception e ) { e.printStackTrace(); } }

processnode
processNode

public void processNode( Node currentNode )

{ switch ( currentNode.getNodeType() ) {

// process a Document node

case Node.DOCUMENT_NODE:

Document doc = ( Document ) currentNode;

System.out.println(

"Document node: " + doc.getNodeName() +

"\nRoot element: " +

doc.getDocumentElement().getNodeName() );

processChildNodes( doc.getChildNodes() );

break;

// process an Element node

case Node.ELEMENT_NODE:

System.out.println( "\nElement node: " +

currentNode.getNodeName() );

NamedNodeMap attributeNodes =

currentNode.getAttributes();

for ( int i = 0; i < attributeNodes.getLength(); i++){

Attr attribute = ( Attr ) attributeNodes.item( i );

System.out.println( "\tAttribute: " +

attribute.getNodeName() + " ; Value = " +

attribute.getNodeValue() ); }

processChildNodes( currentNode.getChildNodes() );

break;

// process a text node and a CDATA section

case Node.CDATA_SECTION_NODE:

case Node.TEXT_NODE:

Text text = ( Text ) currentNode;

if ( !text.getNodeValue().trim().equals( "" ) )

System.out.println( "\tText: " +

text.getNodeValue() );

break; } }

processchildnodes
processChildNodes

public void processChildNodes( NodeList children )

{

if ( children.getLength() != 0 )

for ( int i = 0; i < children.getLength(); i++)

processNode( children.item( i ) );

}

public static void main( String args[] )

{

if ( args.length < 1 ) {

System.err.println(

"Usage: java TraverseDOM " );

System.exit( 1 );

}

TraverseDOM traverseDOM = new TraverseDOM( args[ 0 ] );

}

}

installing jdom
Installing JDOM
  • Read the readme file
  • Run ant build
  • Copy jdom.jar where you want it
  • Edit classpath environment var from control panel/system/advanced/ to contain

Path…\org\jdom\jdom.jar

xsltransform in jdom samples prints html to output this is just some of the output
XSLTransform in JDOM samples prints html to output (this is just some of the output)

C:\PROGRA~1\JAVA\JDK15~1.0_0\BIN>java XSLTransform catalog.xml catalog.xsl

Small chamber ensembles - 2-4 Players by New York Women Composers</ti</p><p>tle></p><p> </head></p><p> <body></p><p> <h1>Small chamber ensembles - 2-4 Players by New York Women Composers</h1></p><p> <h3>Trio for Flute, Viola and Harp</h3></p><p> <ul></p><p> <li>(1994)</li></p><p> <li>13'38"</li></p><p> <li>fl, hp, vla</li></p><p> <li>Theodore Presser</li></p><p> </ul></p><p> <p>Premiered at Queens College in April, 1996 by Sue Ann Kahn,</p><p> Christine Ims, and Susan Jolles. In 3 movements :</p><p> mvt. 1: 5:01</p><p> mvt. 2: 4:11</p><p> mvt. 3: 4:26</p></p><p> <h3>Charmonium</h3></p><p> <ul></p><p> <li>(1991)</li></p><p> <li>9'</li></p><p> <li>2 vln, vla, vc</li></p><p> <li /></p><p> </ul></p><p> <p>Commissioned as quartet for the Meridian String Quartet.</p><p> Sonorous, bold. Moderate difficulty. Tape available.</p></p><p> <h3>Invention for Flute and Piano</h3></p><p> <ul></p><p> <li>(1994)</li></p><p> <li /></p><p> <li>fl, pn</li></p><p> <li /></p><p> </ul></p></div></div><div class="tslide"><div><img alt="jdom comes with many demo programs here is some of the descendantdemo output" src="https://image3.slideserve.com/6614538/jdom-comes-with-many-demo-programs-here-is-some-of-the-descendantdemo-output-t.jpg"></div><div><span><a href="https://image3.slideserve.com/6614538/jdom-comes-with-many-demo-programs-here-is-some-of-the-descendantdemo-output-n.jpg" title="59.jdom comes with many demo programs here is some of the descendantdemo output" target="_blank">JDOM comes with many demo programs: here is some of the</a> DescendantDemo output</span><p>C:\PROGRA~1\JAVA\JDK15~1.0_0\BIN>java DescendantDemo web.xml</p><p>All content:</p><p>[Comment: <!--</p><p><!DOCTYPE web-app</p><p> PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.2//EN"</p><p> "http://java.sun.com/j2ee/dtds/web-app_2.2.dtd"></p><p>-->]</p><p>[Element: <web-app/>]</p><p>[Text:</p><p> ]</p><p>[Element: <servlet/>]</p><p>[Text:</p><p> ]</p><p>[Element: <servlet-name/>]</p><p>[Text:</p><p> snoop</p><p> ]</p><p>[Text:</p><p> ]</p><p>[Element: <servlet-class/>]</p><p>[Text:</p><p> SnoopServlet</p><p> ]</p><p>[Text:</p><p> ]</p><p>[Text:</p><p> ]</p><p>[Element: <servlet/>]</p><p>[Text:</p><p> ]</p><p>[Element: <servlet-name/>]</p><p>[Text:</p><p> file</p><p> ]</p><p>[Text:</p><p> ]</p></div></div><div class="tslide"><div><img alt="continued" src="https://image3.slideserve.com/6614538/continued-t.jpg"></div><div><span><a href="https://image3.slideserve.com/6614538/continued-n.jpg" title="60.continued" target="_blank">continued</a></span><p><servlet-mapping></p><p> <servlet-name></p><p> mv</p><p> </servlet-name></p><p> <url-pattern></p><p> *.wm</p><p> </url-pattern></p><p> </servlet-mapping></p><p> <distributed /></p><p> <security-role></p><p> <role-name></p><p> manager</p><p> </role-name></p><p> <role-name></p><p> director</p><p> </role-name></p><p> <role-name></p><p> president</p><p> </role-name></p><p> </security-role></p><p></web-app></p><p>C:\PROGRA~1\JAVA\JDK15~1.0_0\BIN></p></div></div><div class="tslide"><div><img alt="saxbuilder output run on birds xml in notes how to build a jdom from a sax parser example" src="https://image3.slideserve.com/6614538/saxbuilder-output-run-on-birds-xml-in-notes-how-to-build-a-jdom-from-a-sax-parser-example-t.jpg"></div><div><span><a href="https://image3.slideserve.com/6614538/saxbuilder-output-run-on-birds-xml-in-notes-how-to-build-a-jdom-from-a-sax-parser-example-n.jpg" title="61.saxbuilder output run on birds xml in notes how to build a jdom from a sax parser example" target="_blank">SAXBuilder output (run on birds.xml in notes): How to build</a> a JDOM from a SAX parser example</span><p>C:\PROGRA~1\JAVA\JDK15~1.0_0\BIN>java SAXBuilderDemo birds.xml true</p><p><?xml version="1.0" encoding="UTF-8"?></p><p><Class></p><p> <Order Name="TINAMIFORMES"></p><p> <Family Name="TINAMIDAE"></p><p> <Species Scientific_Name="Tinamus major">Great Tinamou.</Species></p><p> <Species Scientific_Name="Nothocercus">Highland Tinamou.</Species></p><p> <Species Scientific_Name="Crypturellus soui">Little Tinamou.</Species></p><p> <Species Scientific_Name="Crypturellus cinnamomeus">Thicket Tinamou.</Spec</p><p>ies></p><p> <Species Scientific_Name="Crypturellus boucardi">Slaty-breasted Tinamou.</</p><p>Species></p><p> <Species Scientific_Name="Crypturellus kerriae">Choco Tinamou.</Species></p><p> </Family></p><p> </Order></p></div></div><div class="tslide"><div><img alt="saxbuilder code" src="https://image3.slideserve.com/6614538/saxbuilder-code-t.jpg"></div><div><span><a href="https://image3.slideserve.com/6614538/saxbuilder-code-n.jpg" title="62.saxbuilder code" target="_blank">SAXBuilder code</a></span><p>import java.io.*;</p><p>import org.jdom.*;</p><p>import org.jdom.input.*;</p><p>import org.jdom.output.*;</p><p>/**</p><p> * <p><code>SAXBuilderDemo</code> demonstrates how to</p><p> * build a JDOM <code>Document</code> using a SAX 2.0</p><p> * parser.</p><p> * </p></p><p>*/</p><p>public class SAXBuilderDemo {</p><p> /**</p><p> * <p></p><p> * This provides a static entry point for creating a JDOM</p><p> * <code>{@link Document}</code> object using a SAX 2.0</p><p> * parser (an <code>XMLReader</code> implementation).</p><p> * </p></p><p> *</p><p> * @param args <code>String[]</code></p><p> * <ul></p><p> * <li>First argument: filename of XML document to parse</li></p><p> * <li>Second argument: optional boolean on whether to expand</p><p> * entities</li></p><p> * <li>Third argument: optional String name of a SAX Driver class</p><p> * to use</li></p><p> * </ul></p><p> */</p></div></div><div class="tslide"><div><img alt="saxbuilder cont" src="https://image3.slideserve.com/6614538/saxbuilder-cont-t.jpg"></div><div><span><a href="https://image3.slideserve.com/6614538/saxbuilder-cont-n.jpg" title="63.saxbuilder cont" target="_blank">SAXBuilder cont.</a></span><p>public static void main(String[] args) {</p><p> if ((args.length < 1) || (args.length > 3)) {</p><p> System.out.println(</p><p> "Usage: java SAXBuilderDemo " +</p><p> "[XML document filename] ([expandEntities] [SAX Driver Class])");</p><p> return;</p><p> }</p><p> boolean expandEntities = true;</p><p> // Load filename and SAX driver class</p><p> String filename = args[0];</p><p> String saxDriverClass = null;</p><p> if (args.length > 1) {</p><p> if (args[1].equalsIgnoreCase("false")) {</p><p> expandEntities = false;</p><p> }</p><p> if (args.length > 2) {</p><p> saxDriverClass = args[2];</p><p> }</p><p> }</p><p> // Create an instance of the tester and test</p><p> try {</p><p> SAXBuilder builder = null;</p><p> if (saxDriverClass == null) {</p><p> builder = new SAXBuilder();</p><p> } else {</p><p> builder = new SAXBuilder(saxDriverClass); }</p><p> builder.setExpandEntities(expandEntities);</p><p> Document doc = builder.build(filename);</p><p> XMLOutputter outputter = new XMLOutputter(Format.getPrettyFormat());</p><p> //outputter.setExpandEmptyElements(true);</p><p> outputter.output(doc, System.out);</p><p> } catch (JDOMException e) {</p><p> e.printStackTrace();</p><p> } catch (IOException e) {</p><p> e.printStackTrace(); } }}</p></div></div></div> </div> <!-- Presentation Transcript End !--> <input type="hidden" name="video_uid" id="video_uid" value="201648"> <input type="hidden" name="video_vid" id="video_vid" value="6614538"> <input type="hidden" name="video_node" id="video_node" value="3"> <input type="hidden" name="vido_link" id="vido_link" value="dom"> <input type="hidden" name="vido_uname" id="vido_uname" value="kaitlin-dennis"> </div> <!-- Left Side End !--> <!-- Right Side !--> <div class="col-lg-4 col-md-5 col-sm-12 no_padding rightside"> <div align="center" class="adsecmain"> <div class="adsec2"> <a href="https://www.digitalofficepro.com/powerpoint-templates.html?utm_source=slideserve&utm_medium=website&utm_campaign=slideserve+ppt+promotion"><img src="https://www.slideserve.com/images/ss_1366ad.jpg" alt="ad"></a> </div> <div class="adsec1"> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-3976764401535897" data-ad-slot="6588102353"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!-- adsense responsive code_end 2nd sec--> </div> </div> <!-- Related Tab Start !--> <ul class="nav nav-tabs ssalignL" id="myTab"> <li class="active"><a href="#related" data-toggle="tab" onclick="$('.pager').show();">Related Presentations</a></li> <li><a href="#more" data-toggle="tab" onclick="moreuser();$('.pager').hide();">More by User</a></li> </ul> <div class="tab-content" id="tab-right"> <ul class="tab-pane list-unstyled active" id="related"> <input type="hidden" name="next_url" id="next_url" value="prue/funkcjonowanie-dom-w-pomocy-spolecznej-koszty-utrzymania-mieszkanc-w-dom-w"> <input type="hidden" name="next_img" id="next_img" value="964773"> <input type="hidden" name="next_title" id="next_title" value="Funkcjonowanie dom w pomocy spolecznej - koszty utrzymania mieszkanc w dom w"> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/prue/funkcjonowanie-dom-w-pomocy-spolecznej-koszty-utrzymania-mieszkanc-w-dom-w" title="Funkcjonowanie dom w pomocy spolecznej - koszty utrzymania mieszkanc w dom w - Dotacja dla dps. od 2008 roku wprowadzono zmiany w systemie przekazywania i rozliczania dotacji przeznaczonej na utrzymanie os?b skierowanych do dom?w pomocy spolecznej"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_964773.jpg" alt="Funkcjonowanie dom w pomocy spolecznej - koszty utrzymania mieszkanc w dom w" data="xcv "> </div> </div> <div class="list-related-info"><span>Funkcjonowanie dom w pomocy spolecznej - koszty utrzymania mieszkanc w dom w </span> -Dotacja dla dps. od 2008 roku wprowadzono zmiany w systemie przekazywania i rozliczania dotacji przeznaczonej na utrzymanie os?b skierowanych do dom?w pomocy spolecznej</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/albert/dom" title="DOM"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_217299.jpg" alt="DOM" data="xcv "> </div> </div> <div class="list-related-info"><span>DOM</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/benjamin/dom" title="DOM - / saxmodule xml / esial 3a . plan."> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_223003.jpg" alt="DOM" data="xcv "> </div> </div> <div class="list-related-info"><span>DOM </span> -/ saxmodule xml / esial 3a . plan.</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/reid/dom" title="Dom"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_1329029.jpg" alt="Dom" data="xcv "> </div> </div> <div class="list-related-info"><span>Dom</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/meris/ii-dom-t-o-c" title="II dom. T.O. - C - . preghiera iniziale ges?, sono davanti a te perch? tu riempia con la tua parola la giara vuota e asciutta del mio"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_1104358.jpg" alt="II dom. T.O. - C" data="xcv "> </div> </div> <div class="list-related-info"><span>II dom. T.O. - C </span> -. preghiera iniziale ges?, sono davanti a te perch? tu riempia con la tua parola la giara vuota e asciutta del mio</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/ihouse/dom" title="Dom - To coś więcej niż cztery ściany i dach. to miejsce, skąd wyfruwamy w świat, stąd też poetyckie wyrażenie „gniazdo rodzinne”. tu otrzymujemy miłość, troskę i opiekę rodziców, tu wracamy wspomnieniami z dziecięcych lat. dom to"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_1389743.jpg" alt="Dom" data="xcv "> </div> </div> <div class="list-related-info"><span>Dom </span> -To coś więcej niż cztery ściany i dach. to miejsce, skąd wyfruwamy w świat, stąd też poetyckie wyrażenie „gniazdo rodzinne”. tu otrzymujemy miłość, troskę i opiekę rodziców, tu wracamy wspomnieniami z dziecięcych lat. dom to</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/tan/dom" title="DOM - Acorde al  w3c  el modelo de objetos del documento es una interfaz de programación de aplicaciones (api) para documentos validos  html  y bien construidos  xml . define la estructura lógica de los documentos y el modo en que se accede"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_1890873.jpg" alt="DOM" data="xcv "> </div> </div> <div class="list-related-info"><span>DOM </span> -Acorde al  w3c  el modelo de objetos del documento es una interfaz de programación de aplicaciones (api) para documentos validos  html  y bien construidos  xml . define la estructura lógica de los documentos y el modo en que se accede</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/tory/dom" title="DOM - Photo from http://www.flickr.com/photos/emraya/2861149369/. documents as objects. dom. when a browser reads an html file, it must interpret the file and render it onscreen. this process is"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_2315652.jpg" alt="DOM" data="xcv "> </div> </div> <div class="list-related-info"><span>DOM </span> -Photo from http://www.flickr.com/photos/emraya/2861149369/. documents as objects. dom. when a browser reads an html file, it must interpret the file and render it onscreen. this process is</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/margo/dom" title="DOM - Content. consider a book. it is a string of characters. the characters are grouped in words and the words are grouped in sentences. 2. chapter 1 variation under"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_2423223.jpg" alt="DOM" data="xcv "> </div> </div> <div class="list-related-info"><span>DOM </span> -Content. consider a book. it is a string of characters. the characters are grouped in words and the words are grouped in sentences. 2. chapter 1 variation under</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/bill/dom-energooszcz-dny" title="Dom Energooszczędny - Gimnazjalny projekt edukacyjny 2012. dom energooszczędny. gimnazjum nr 142 z oddziałami dwujęzycznymi im. roberta schumana w warszawie. naturalne źródła energii. węgiel brunatny. węgiel kamienny. drewno."> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_5531388.jpg" alt="Dom Energooszczędny" data="xcv "> </div> </div> <div class="list-related-info"><span>Dom Energooszczędny </span> -Gimnazjalny projekt edukacyjny 2012. dom energooszczędny. gimnazjum nr 142 z oddziałami dwujęzycznymi im. roberta schumana w warszawie. naturalne źródła energii. węgiel brunatny. węgiel kamienny. drewno.</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/teleri/advanced-dom" title="Advanced DOM - Advanced dom. objectives. dom level 2 modules dom level 2 api dom traversal dom ranges dom events workshops. dom2. the dom level 1 (dom1) has two specifications core and html the dom level 2 (dom2) is evolved from"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_5365682.jpg" alt="Advanced DOM" data="xcv "> </div> </div> <div class="list-related-info"><span>Advanced DOM </span> -Advanced dom. objectives. dom level 2 modules dom level 2 api dom traversal dom ranges dom events workshops. dom2. the dom level 1 (dom1) has two specifications core and html the dom level 2 (dom2) is evolved from</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/denali/manipulating-the-dom" title="Manipulating the DOM - Cst 200 – javascript 3 – 4 - 13. objectives. learn how to work with the document object model (dom) learn about the various arrays stored within the document object work with the document.images[] array use"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_4425653.jpg" alt="Manipulating the DOM" data="xcv "> </div> </div> <div class="list-related-info"><span>Manipulating the DOM </span> -Cst 200 – javascript 3 – 4 - 13. objectives. learn how to work with the document object model (dom) learn about the various arrays stored within the document object work with the document.images[] array use</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/airell/html-and-the-dom" title="HTML and the DOM - What is html?. hypertext interconnected documents markup our code goes around our documents language yes, it’s programming. what you want n ot how you want it. declarative programming. imperative programming."> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_5399133.jpg" alt="HTML and the DOM" data="xcv "> </div> </div> <div class="list-related-info"><span>HTML and the DOM </span> -What is html?. hypertext interconnected documents markup our code goes around our documents language yes, it’s programming. what you want n ot how you want it. declarative programming. imperative programming.</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/sukey/inteligentny-dom" title="Inteligentny dom - Projekt zespołowy grupa „iewa”. integra 128-wrl centrala alarmowa z technologią bezprzewodową abax i komunikatorem gsm/gprs. integra 128-wrl centrala alarmowa z technologią bezprzewodową abax i komunikatorem"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_3864289.jpg" alt="Inteligentny dom" data="xcv "> </div> </div> <div class="list-related-info"><span>Inteligentny dom </span> -Projekt zespołowy grupa „iewa”. integra 128-wrl centrala alarmowa z technologią bezprzewodową abax i komunikatorem gsm/gprs. integra 128-wrl centrala alarmowa z technologią bezprzewodową abax i komunikatorem</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/ollie/dom-blondje" title="Dom blondje - In een autogarage. een dom blondje komt een garage binnen en vraagt naar de 710 dop. de verkoper kijkt raar op, gaat naar de magazijnchef en vraagt daar naar de 710"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_4760068.jpg" alt="Dom blondje" data="xcv "> </div> </div> <div class="list-related-info"><span>Dom blondje </span> -In een autogarage. een dom blondje komt een garage binnen en vraagt naar de 710 dop. de verkoper kijkt raar op, gaat naar de magazijnchef en vraagt daar naar de 710</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/duane/dom-wczasowy" title="DOM WCZASOWY - „sudety” szklarska porĘba. wychowawcy. przewodnik. przewodnik patrycja ościak. opieka medyczna. samodzielny publiczny zakład opieki zdrowotnej w szklarskiej porębie ul. jedności narodowej 11. nasz dom. jadalnia."> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_4402674.jpg" alt="DOM WCZASOWY" data="xcv "> </div> </div> <div class="list-related-info"><span>DOM WCZASOWY </span> -„sudety” szklarska porĘba. wychowawcy. przewodnik. przewodnik patrycja ościak. opieka medyczna. samodzielny publiczny zakład opieki zdrowotnej w szklarskiej porębie ul. jedności narodowej 11. nasz dom. jadalnia.</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/jessica-owen/javascript-dom" title="Javascript DOM - Peter atkinson. objectives. understand the nature and structure of the dom add and remove content from the page access and change element attributes – including source and class insert markup into a page using innerhtml"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_6238255.jpg" alt="Javascript DOM" data="xcv "> </div> </div> <div class="list-related-info"><span>Javascript DOM </span> -Peter atkinson. objectives. understand the nature and structure of the dom add and remove content from the page access and change element attributes – including source and class insert markup into a page using innerhtml</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/orestes/dom-programming" title="DOM Programming - Dom nodes and nodelists. all nodes havetypegetnodetype()namegetnodename()valuegetnodevalue()nodes are arranged innodelists e.g. child elements of <ol>namednodemaps e.g. attributes of <img>. dom node traversal methods."> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_1326306.jpg" alt="DOM Programming" data="xcv "> </div> </div> <div class="list-related-info"><span>DOM Programming </span> -Dom nodes and nodelists. all nodes havetypegetnodetype()namegetnodename()valuegetnodevalue()nodes are arranged innodelists e.g. child elements of <ol>namednodemaps e.g. attributes of <img>. dom node traversal methods.</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/nemo/macka-dom-ca" title="Macka dom ca"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_554123.jpg" alt="Macka dom ca" data="xcv "> </div> </div> <div class="list-related-info"><span>Macka dom ca</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/yon/dom-s-game" title="Dom’s Game - Dom mazzone emba cl 2007. dom’s game how the game is played. coin on top of desk has been tossed before class and is covered. it is unknown whether the coin is showing “heads” or showing “tails” you selects “heads”"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_2990903.jpg" alt="Dom’s Game" data="xcv "> </div> </div> <div class="list-related-info"><span>Dom’s Game </span> -Dom mazzone emba cl 2007. dom’s game how the game is played. coin on top of desk has been tossed before class and is covered. it is unknown whether the coin is showing “heads” or showing “tails” you selects “heads”</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/chidi/javascript-and-the-dom" title="JavaScript and the DOM - Les carr comp3001. behavioral layer. web pages have 3 layers… structural/content layer (xhtml) the meat and potatoes presentational layer (css) how things look; garnishing the meat and potatoes on a pretty plate"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_3794773.jpg" alt="JavaScript and the DOM" data="xcv "> </div> </div> <div class="list-related-info"><span>JavaScript and the DOM </span> -Les carr comp3001. behavioral layer. web pages have 3 layers… structural/content layer (xhtml) the meat and potatoes presentational layer (css) how things look; garnishing the meat and potatoes on a pretty plate</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/michaela-sweetman/6-dom-sax" title="第 6 章 DOM 和 SAX - 第 6 章 dom 和 sax. 下面给出了 dom 和 sax 在应用程序开发过程中所处地位的示意图。从图中可以看出,应用程序不是直接对 xml 文档进行操作的,而是首先由 xml"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_7080218.jpg" alt="第 6 章 DOM 和 SAX" data="xcv "> </div> </div> <div class="list-related-info"><span>第 6 章 DOM 和 SAX </span> -第 6 章 dom 和 sax. 下面给出了 dom 和 sax 在应用程序开发过程中所处地位的示意图。从图中可以看出,应用程序不是直接对 xml 文档进行操作的,而是首先由 xml</div> </div> </a> </div> </li> <li> </li> </ul> <div class="clearfix"></div> <ul class="pager" style="padding: 0px;margin: 0px;"> <li><a class="btn btn-default disabled npbuttons" href="javascript:void(0);"><i class="fa fa-chevron-circle-left" aria-hidden="true"></i></a></li> <label class="goToSlideLabel"> <span id="current-slide" class="j-current-slide">1</span> of <span id="total-slides" class="j-total-slides">5</span> </label> <li><a href="javascript:void(0);" class="btn btn-default npbuttons"><i class="fa fa-chevron-circle-right" aria-hidden="true"></i></a></li> </ul> </ul> <div class="tab-pane" id="more"></div> </div> <!-- Related Tab End !--> <div class="clearfix"></div> </div> <!-- Right Side End !--> </div> <div id="suggestion"> <div id="suggestion-box" style='display:none;'> <div class="sugg-close" onclick="$('#suggestion').remove()"><i class="fa fa-times" aria-hidden="true"></i></div> <div class="sugg-mini-title">Today's Free</div> <div class="sugg-title">PowerPoint Template</div> <img src="https://www.slideserve.com/download-template/template.jpg" class="img-responsive img-suggestion" alt="Download Template"/> <p class="small sugg-content">For SlideServe users</p> <a href="https://www.slideserve.com/download-template/template.pot" onclick="ga('send', 'event', 'pot download', 'download', 'viewpage template promotion');" class="btn btn-md sugg-down" title="Download"><i class="fa fa-download sugg-animation" aria-hidden="true"></i> Download Now</a> </div> </div> </div> <!-- Mian container End--> <!-- presentation download box_start --> <div class="liststyle-modal modal fade" id="downloadpop" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-content"> <div class="close-modal" data-dismiss="modal"> <div class="lr"> <div class="rl"></div> </div> </div> <div class="container"> <div class="row"> <div class="col-lg-8 col-lg-offset-2"> <div class="modal-body"> <span class="download_presentation">Download Presentation</span> <hr class="slideshow-hr"> <div class="downloadsec1"> <img class="downloadsecimg" height="92" src="https://thumbs.slideserve.com/1_6614538.jpg" style="width:122px; border:0;" alt="Download Section"> <div align="center" id="fetch"> <span>Connecting to Server..</span> </div> <br><br> </div> </div> </div> </div> </div> </div> </div> <!-- presentation download box_end --> <!-- Footer --> <div class="clearfix"></div> <footer class="text-center"> <div class="footer-above"> <div class="container"> <div class="row"> <div class="col-lg-12" style="margin-bottom:8px;"> <ul class="list-inline"> <li><a href="https://www.slideserve.com" lang="en" hreflang="en" title="DOM - English" >English</a></li> <li><a href="https://fr.slideserve.com" lang="fr" hreflang="fr" title="DOM - Français" >Français</a></li> </ul> </div> <div class="col-lg-12"> <a href="/about" rel="nofollow">About Us</a> | <a href="/advertise" rel="nofollow">Advertise</a> | <a href="/terms" rel="nofollow"> Terms of Use</a> | <a href="/privacy" rel="nofollow" >Privacy Policy</a> | <a href="/contact.php" rel="nofollow" >Contact Us</a> | <a href="https://blog.slideserve.com/" >Blog</a> </div> </div> </div> </div> <div class="footer-below"> <div class="container"> <div class="row"> <div class="col-lg-8 text-left"> © 2017 SlideServe. All rights reserved | Powered By DigitalOfficePro </div> <div class="col-lg-4 text-right"> <ul class="list-inline"> <li><a href="https://www.facebook.com/SlideServe" rel="nofollow"><i class="fa fa-facebook"></i></a></li> <li><a href="https://plus.google.com/+SlideServe" rel="nofollow"><i class="fa fa-google-plus"></i></a></li> <li><a href="https://twitter.com/slideserve" rel="nofollow"><i class="fa fa-twitter"></i></a></li> <li><a href="https://www.youtube.com/user/SlideServe" rel="nofollow"><i class="fa fa-youtube-play"></i></a></li> <li><a href="https://www.pinterest.com/slideserve/" rel="nofollow"><i class="fa fa-pinterest"></i></a></li> </ul> </div> </div> </div> </div> </footer> <script> var subdom = window.location.href.split("/")[2].split(".")[0]; <!------- g analytics[ ------> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-31359012-1', 'auto'); ga('send', 'pageview'); <!------- g analytics ] ------> <!------- fb comment[ ------> (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.6"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); <!------- fb comment] ------> </script> <script async src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script> <script> //------------------------------------------------------------------------------------------- //on jquery load event function onjqueryload() { //------------------------------------------------------------------------------------------- //Load javascript files loadHandler.load("/new/script/bootstrap.min.js","script",null); loadHandler.load("/js/player.min.js","script",null); loadHandler.load("/js/winHandler.min.js","script",null); loadHandler.load("/js/viewPageHandler.min.js","script",null); //------------------------------------------------------------------------------------------- $(document ).ready(function() { /*$.post( "/track.php", {vid:6614538,uid:201648,vlink:"dom"}) .done(function( data ) {});*/ }); } //------------------------------------------------------------------------------------------- </script> </body></html>