Today we are going to change the style of different elements in the dom using some new technique that we didn’t learned yet.

We are going you use the last day codes.

We’ll start by selecting the h1 and then we’ll apply some style with it. See when we use document.querySelector(“h1”).style

Now change the background of h1. Using document.querySelector("h1").style.background = "red"

See result –

Now lets try to add a class in h1 tag. Let’s write some styles in style.css

Using document.querySelector("h1").className = "special-heading"we can change right

What are you going to do after this? You have superpower now your hand to change anything in Dom!

Let’s learn something amazing in next one!

Other posts of this series can be found here – https://blog.nerdjfpb.com/tag/javascript/

See the codes – https://github.com/nerdjfpb/javaScript-Series

Find me on social media – twitter, linkedin

Leave a Reply

Your email address will not be published.