Skip to content
hands-on lab

Working With Web APIs - DOM Selectors

Difficulty: Beginner
Duration: Up to 45 minutes
Students: 77
Rating: 5/5
Start lab
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.

Description

In this lab, you will be working with DOM selectors. A DOM selector is a way of selecting an element or elements by a specified attribute.

Learning Objectives

Upon completion of this beginner/intermediate/advanced level lab, you will be able to:

  • Retrieve an element by ID
  • Retrieve an element using a query selector
  • Retrieve multiple elements by class
  • Retrieve an element's text content after selecting it
  • Retrieve an element's attribute value

Intended Audience

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

Prerequisites

The following courses/courses and labs can ensure your success:

Covered topics

Development
Web APIs

Lab steps

Introduction to HTML and CSS Labs
Retrieving an Element by ID
Retrieving an Element by Query
Querying All Elements of the Same Class
Retrieving an Element's TextContent
Retrieving an Element's Attribute

Lab Rules