How to mix variable and string in js setAttribute() attribute value?

Question

This is a basic question, but I somehow can't find the answer.

I would like to pass a mix of string and variable as the value for an attribute, in the setAttribute() method.

This is what I have:

    document.getElementById('mydiv').setAttribute("style", "width: 10%")

Instead of "width: 10%" I would like to have something like: "width: --myVar-- %"

All questions I find are related to passing only a variable but not how to mix both variable and string.

Thanx for any help!

Try this: var foo = 20; document.getElementById('mydiv').setAttribute('style', 'width: '+ foo +'px'); — 54ka
– 54ka, Commented Nov 10, 2020 at 10:56

abu abu · Accepted Answer · 2020-11-10 10:57:42Z

1

You can use this way.

document.getElementById('mydiv').setAttribute("style", "width:"+ myVar+ "%")

answered Nov 10, 2020 at 10:57

abu abu

7,10225 gold badges85 silver badges161 bronze badges

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

Comments

netizen · Accepted Answer · 2020-11-10 11:07:19Z

1

You shouldn't even be using setAttribute when there's a direct property and accessors:

document.getElementById('mydiv').style.width = myVar + '%';

answered Nov 10, 2020 at 11:07

netizen

1,0957 silver badges22 bronze badges