Escaped url when setting a css variable with js

Question

im trying to set a css custom property with js. The name of the property should be "--path" and the value should be "url(test.png)".

My code looks like this:

window.document.body.style.setProperty("--path", "url(test.png)");

My problem is that now the value of --path is "url(test\.png)". How can i prevent the escaping of this dot?

Temani Afif · Accepted Answer · 2019-12-13 14:55:54Z

4

Add quotes to the path:

window.document.body.style.setProperty("--path", "url('test.png')");

answered Dec 13, 2019 at 14:55

Temani Afif

280k30 gold badges378 silver badges502 bronze badges

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

1 Answer 1