Is there a simple way to add a variable string to an element attribute without "setAttribute"?

Question

I'm trying to take data from another part of the element and add it to another (force lazy-loading images to load) and everything I find points me towards setAttribute however this breaks the data as it automatically adds a equals and quotations to the added data which breaks it.

So:

images[i].setAttribute('data-anim-src',' srcset= "'+images[i].getAttribute('data-srcset')+'"');

Gets me data-anim-src=" srcset="..."" instead of what I want which is data-anim-src srcset="..."

Is there any way to remove the ="" that's automatically added with setAttribute? or is there an equally simple alternative?

k.tten · Accepted Answer · 2022-03-20 12:58:26Z

3

setAttribute works like this:

setAttribute(attribute, value);

not like this:

setAttribute(attribute1, attribute2, attribute3);

So to solve it, just set them separately:

images[i].setAttribute('data-anim-src', 'true');
images[i].setAttribute('srcset', images[i].getAttribute('data-srcset'));

answered Mar 20, 2022 at 12:58

k.tten

26.8k4 gold badges34 silver badges63 bronze badges

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

Collectives™ on Stack Overflow

Is there a simple way to add a variable string to an element attribute without "setAttribute"?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related