JavaScript Tutorial For Beginners #36 - Changing CSS Styles

Hi NetNinja! I have a question, can I change CSS style changing it with textContent instead of .style property? Like add for example: backgroundColor = "limegreen"; using textContent instead of style = "background-color: limegreen"?

Awesome!

Thanks man

If you have a video on that question, please tell me

But I wanted change CSS after pressing a button

Am getting uncaught typeerror cannot set property display of undefined when I use :
todo.style.display='flex';
I used querySelector to get the div and stored it in const todo.
Where am I going wrong??? Please help me please... I've been stuck on this for the past 10 days.. am going crazy.

Thank you very much for this video! It was really clear and helpful! Great to see how it shows how Javascript converts the properties with "-" (e.g. background-color) to camel case. Didn't know that till now! :)

Big Ninja

sir, setAttribute cannot be used for a class? if no what is to be used to change the styles. As I am getting a constant error as class.setAttribute(my defined function) is not a function... you have only told about ids

You are worthy of your title, "The Net Ninja"

My only question is THANK YOU

just a small comment (as I don't think it can be fixed), but the last several video when you're typing it can't be seen because it below the bottom of the screen. Still thumbs way up (because it doesn't let me click it 2x) for great explanations.

Thanks lot...

thanks a lot , just i have question , could you recommend me a book for a js

how to dynamically change css file using javascript ?????

Couldn't thank you enough Sir!

You have made me feel so much more confident man about JavaScript, I'm pretty good at Html/Css(steady improving), have always been really afraid I couldn't understand the logic of JavaScript, thank you so much man!

great 👌

thank you this is a very helpful video

how to give hover style in js
also how to fix parentelement undefined problem

You are awesome.
At last, I understand JS.
Quickly and simply, this is that what i needed

Net Ninja just makes these videos as an excuse to teach us and do some development of his website at the same time XD

For adding classes instead of replacing them, we can use

title.className += " " + "your_class_name_here"

The space preceding is important because js concatinates it with the previous class

Thanks for the clear short tutorials. What would be a practical use for this? Apart from changing elements in the console window?

Best net ninja teacher ever. JS so simple thanks to u. THANK YOU

I had been beating my head up against a rock trying to comprehend the basics of JS and your channel helps tremendously. Thank you! And lovely accent.

super tutorials-- THANK YOU

When viewing the "text" list for style, the property is referenced as "background-color," but when setting the attribute it's camel cased without a hyphen (which is logical as attribute names cannot have hyphens as these would be minus signs). Is inconsistency here to keep the riff-raff out?

For the first example, would it be the same to put "title.style.position = 'relative';" ?

Thanks for this! Quick question though - if your CSS is stored in a linked .css file, will this update it there or just enter the new styles in the HTML?