Почему не работает js код?

Question

[skripter]

document.getElementsByClassName("mydiv")[0].style.borderTop = "4px " + style[cur] + color;

Код не работает, если убираю + color то все работает. В чем проблема?

style[cur] это

var style = new Array('dotted', 'solid', 'double', 'dashed')

Comments

[xdevelx]

console.log("4px " + style[cur] + color) что выводит?

[Андрей Шевкалюк]

а что такое color?

[skripter]

xdevelx, 4px dotted red

[skripter]

Андрей Шевкалюк, var color = " red";

[Ankhena]

skripter, да вроде работает всё https://jsfiddle.net/rmt69gxe/
Сотворите песочницу с видимой проблемой

[skripter]

Ankhena, залил, все работает, но почему этот же код не работает на локалке - не понятно

[Ankhena]

skripter, сложно сказать как он вообще может где-то не работать. Раз уж без color работает.

Answer 1

[muroveinick]

document.getElementsByClassName("mydiv")[0].setAttribute("style", `border-top: 4px ${style[cur]} ${color_variable}`)

Answer 2

[Александр]

document.getElementsByClassName("mydiv")[0].style.borderTop = "4px " + style[cur] + ' ' + color;

?

Comments

[skripter]

без результатов

[skripter]

В консоль пишется, но стиль не применяется

[Александр]

skripter, что в консоль пишется?