Possible to get element attribute to assign css?

Question

Is it possible to speedline my code for css to grab the ID or Name and then use that in a background image?

<style>
.theClass{ background-image('imageof'{thisName}'.jpg'}
</style>

<div class=theClass name=dog></div>
<div class=theClass name=bird></div>
<div class=theClass name=beach></div>

no ..............

Temani Afif
– Temani Afif

2020-05-12 14:20:23 +00:00
Commented May 12, 2020 at 14:20 — Temani Afif
– Temani Afif, Commented May 12, 2020 at 14:20
You could do this with javascript editing of the CSS ....

Mm-Art-In
– Mm-Art-In

2020-05-12 14:24:58 +00:00
Commented May 12, 2020 at 14:24 — Mm-Art-In
– Mm-Art-In, Commented May 12, 2020 at 14:24

Satnam Singh · Accepted Answer · 2020-05-12 14:32:50Z

1

You can use JS to achieve this thing -

document.querySelectorAll('.theClass').forEach(div => {
  div.style.backgroundImage = `imageof${div.name}.jpg`;
});

<div class=theClass name=dog>1</div>
<div class=theClass name=bird>2</div>
<div class=theClass name=beach>3</div>

answered May 12, 2020 at 14:32

Satnam Singh

3443 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

Possible to get element attribute to assign css?

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related