JS Apply style on every element except specified

Question

I need to apply style on all allements in specified area except a specified one with JS. How do I do that? I couldn't find any solutions. THank you in advance!

Can you include your code?

Tanner Dolby
– Tanner Dolby

2021-06-05 18:13:40 +00:00
Commented Jun 5, 2021 at 18:13 — Tanner Dolby
– Tanner Dolby, Commented Jun 5, 2021 at 18:13

dave · Accepted Answer · 2021-06-05 18:12:44Z

1

You could do document.querySelectorAll("parent *:not(#target')") and then add whatever style.

document.querySelectorAll('div *:not(#target').forEach((el) => el.style.color = 'red');

<div>
    <span>Hello</span> <span>World</span>
    <span>Hello</span> <span>World</span>
    <span>Hello</span> <span>World</span>
    <span>Hello</span> <span>World</span>
    <span id="target">Hello</span> <span>World</span>
</div>

answered Jun 5, 2021 at 18:12

dave

65.1k6 gold badges81 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Unspoiled9710 Over a year ago

Thank you, I didn't know I was able to use :not etc in .querySelectorAll()

Collectives™ on Stack Overflow

JS Apply style on every element except specified

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related