The Basics of HTML and the DOM

A typical Web document contains static data which makes it static and stateless. In order to provide user interaction and dynamic content, the HTML elements must be manipulated live. What’s important is that a Web page is an object which contains many objects or nodes and is represented by the Document Object Model (or DOM), which is an application programming interface (or API) for HTML and XML documents. In this presentation, attendees will be introduced to the HTML DOM API and will learn different methods to manipulate the DOM elements using various Web technologies such as JavaScript, jQuery, AngularJS, and ReactJS.

Some important objects and API’s that will be covered are:

  • Document Object
  • HTML Element Interface
  • Window object
  • Element object
  • Node interface
  • Text object
  • CSS interface
The attendees will also learn the four most popular methods of the HTML Collection Interface:
  • getElementById
  • getElementsByTagName
  • getElementsByName
  • getElementsbyClassName
The purpose of the DOM is to allow a Developer to use an object-oriented or object-based scripting language (such as JavaScript) to manipulate those objects to provide more user-interaction.  The DOM tree which makes up the Web page will be examined and various methods will be introduced to manipulate the DOM tree through a process called “traversing the DOM tree”.

Location: W210C Date: June 6, 2017 Time: 10:40 am - 11:45 am Christian Hur