modifying css | SpeakJS | Page 1

subtle pier Jul 18, 2024, 6:00 PM

#

backgroundColor

#

And it needs to be a string

#

- isn’t valid in JS variable/property names, so kebab case converts to camel case.

#

If it’s a class name you use quotes.

#

bg-main is a class name
background-color is a CSS attribute

#

You skipped the second half

subtle pier Jul 18, 2024, 6:47 PM

#

#1263525588468109342 message

#

rgb() is a CSS function not a JS function.

#

…

#

You put quotes around it

subtle pier Jul 18, 2024, 7:17 PM

#

You also appear to be missing commas, but maybe that works?

subtle pier Jul 18, 2024, 8:03 PM

#

I was wrong, both formats are supported: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/rgb

#

You’re trying to set the style of a string

#

Why’d you change that? bg was fine in your old code

#

And?

#

You were

#

getElementsByClassName

#

(Use querySelector())

#

. for class

#

https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors

MDN Web Docs

CSS selectors - Learn web development | MDN

In this article we've introduced CSS selectors, which enable you to target particular HTML elements. Next, we'll take a closer look at type, class, and ID selectors.

subtle pier Jul 18, 2024, 10:37 PM

#

WTF?

subtle pier Jul 18, 2024, 11:05 PM

#

That is not a class….

#

WTF are you trying to do? The words you’re using don’t make sense

#

So what’s the problem? You selected the element. Change the CSS property of that element now.

#

There are no CSS elements…

#

Again, that makes no sense…

#

That’s not how it works

#

The way you’re trying to, yes.

#

You add a new stylesheet or you target elements matching the class.

#

Apparently you can access the styles directly: https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet

#

This is super uncommon. Good luck.

#

Read the link

#

You write proper stylesheets to begin with. Why would you need to modify a stylesheet via JS?

#

…

#

Doesn’t answer the question.

#

Plenty of extensions to override CSS

#

Modifying CSS of specific elements is common. Modifying the stylesheets themselves is just weird.

#

why is that a problem?

#

querySelectorAll('.bg-main')

#

you already used querySelector() above. if it's not obvious, read the docs.

subtle pier Jul 19, 2024, 12:13 AM

#

you're like a walking XY problem

#modifying css