如何在js setAttribute属性值中混合变量和字符串?

问题描述

这是一个基本问题,但我不知何故找不到答案。

我想在setAttribute()方法中传递字符串和变量的混合作为属性的值。

这就是我所拥有的:

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

我希望使用“宽度:--myVar--%”代替“宽度:10%”

我发现的所有问题都与仅传递变量有关,而与如何混合使用变量和字符串无关。

感谢您的帮助!

解决方法

您可以使用这种方式。

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

当有直接属性和访问器时,甚至不应该使用setAttribute:

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