This lesson introduces dynamic HTML.
Objectives and Skills[edit | edit source]
Objectives and skills for this lesson include:
- Complete and debug code that locates, modifies, and adds HTML elements and attributes
- getElementByld; getElementsByTagName; getElementsByClassName; setAttribute; createElement
- createElement, createTextNode, appendChild
Readings[edit | edit source]
Multimedia[edit | edit source]
Examples[edit | edit source]
- Example Code
Activities[edit | edit source]
Lesson Summary[edit | edit source]
- Each HTML element node, except the root element node, has a parent node.
- Text is the value of the text node. The text node has to be created and appended to the element. 
- Things DHTML is used for includes animating content, roll-over and dropdown menus, and verifying and responding to forms without using the server. 
- To add a new element to the HTML DOM, you must create the element (element node) first, and then append it to an existing element.
Key Terms[edit | edit source]
- dynamic HTML
- Every Element in the HTML document is a node 
- NodeList object
- A NodeList object is a list (collection) of nodes extracted from a document.
- node relationships
- The nodes in the node tree have a hierarchical relationship to each other. The terms parent, child, and sibling are used to describe the relationships. 
See Also[edit | edit source]
- Dev To: Add Dynamic Styling to HTML Elements
- Geeks for Geeks: Dynamic HTML Introduction
- InformIT: Understanding Dynamic Websites and HTML5 Applications
- Lifewire: How Dynamic HTML (DHTML) Is Used to Create Interactive Pages
- Way2tutorial: Dynamic HTML
References[edit | edit source]
- "Dynamic HTML". Wikipedia. 2021-04-03. https://en.wikipedia.org/w/index.php?title=Dynamic_HTML&oldid=1015848128.