AhlamKhalid / Manipulate-DOM-with-Javascript Public

Notifications You must be signed in to change notification settings
Fork 1
Star 0

How to work with DOM using Javascript. For example, accessing DOM elements, changing their contents, show/hide them based on conditions, using data-* attribute, display dynamic data, and more!

0 stars 1 fork Branches Tags Activity

Name		Name	Last commit message	Last commit date
Latest commit History 6 Commits
img		img
README.md		README.md
index.html		index.html
main.js		main.js
style.css		style.css

Repository files navigation

Manipulate DOM with javascript

In this project, I show how to work with DOM (Document Object Model) using Javascript. We're working with:

Access DOM element using getElementById and querySelector
change DOM content using innerHTML and textContent
Show/hide elements using conditional ternary operator
setAttribute method
forEach Array method
template strings
classList property
HTML data-* attribute
dataset property

YouTube tutorial

Manipulate DOM with javascript

Run

Open index.html in your favourite browser!