Skip to content
hands-on lab

Working With Web APIs - DOM Manipulation

Difficulty: Beginner
Duration: Up to 45 minutes
Students: 57
Rating: 5/5
Start lab
On average, students complete this lab in15m
Get guided in a real environmentPractice with a step-by-step scenario in a real, provisioned environment.
Learn and validateUse validations to check your solutions every step of the way.
See resultsTrack your knowledge and monitor your progress.
About
Author

Description

In this lab, you will be working with DOM manipulation. A DOM manipulation is the use case of Web API methods, to create and remove content on the web page. 

Learning Objectives

Upon completion of this lab, you will be able to:

  • Create a HTML element
  • Add text content to an element
  • Append an element to another element
  • Add a class to an element
  • Remove an element of the web page

Intended Audience

  • Beginners learning front-end development
  • Software Engineers who need to learn front-end technologies to expand their skillset

Prerequisites

The following content can be used to fulfill the prerequisite:

Covered topics

Development
Web APIs
Hands-on Lab UUID

Lab steps

0 of 5 steps completed.Use arrow keys to navigate between steps. Press Enter to go to a step if available.
  1. Introduction to HTML and CSS Labs
  2. Creating a New Paragraph Element
  3. Appending the Body Element
  4. Setting a Paragraph Element Attribute
  5. Removing the Paragraph Element

Lab Rules