Как в js сымитировать calc?

Question

[Ingernirated]

В css есть calc.
Как им воспользоваться в js?
Нужно задать ширину.

var calc = "calc" + "(" + (c + "%") + "-" + (5 + "px") + ")";
document.element.style.width = calc;

Выдает calc(100%-5px) в консоли, но не хочет присваивать ширине это значение.

Comments

[Ingernirated]

Если просто задать d.e.s.w = 100 + "%"; - работает
А с помощью "calc" + "(" + (100 + "%") + "-" + (5 + "px") + ")" - только в консоли показывает значение, но без действий с блоком.

Answer 1

[iBird Rose]

все работает же

document.getElementById("bla").style.width = "calc(100% - 15px)";

Comments

[iBird Rose]

Ingernirated: https://jsfiddle.net/iBird/n0hyhecc/ все работает

[Ingernirated]

и вправду, работает, где тогда у меня ошибка в
var calc = "calc" + "(" + (c + "%") + "-" + (5 + "px") + ")" ?

[iBird Rose]

Ingernirated: а хз. просто не пиши так)))

[Ingernirated]

iBird Rose: а как мне тогда в "calc(100% - 15px)" засунуть переменную?

[iBird Rose]

Ingernirated: я ж выше кинул https://jsfiddle.net/iBird/n0hyhecc/ там оба значения в переменных

[iBird Rose]

Ingernirated: вот так пиши если прям одной переменной хочешь задавать https://jsfiddle.net/iBird/n0hyhecc/1/

Answer 2

[timfcsm]

только что прям тут в консоли проверил - работает

document.getElementById('js-canvas').style.width = 'calc(100% - 5px)';

только не понятно, зачем?

Comments

[Ingernirated]

Всему виной велосипед,
var calc = "calc(" + (c + "%") + "-" + (5 + "px") + ")";
где в данном случае ошибка?
'calc(100% - 5px)' строго так задать - сработает, но надо, как выше.

[timfcsm]

Ingernirated: нужны пробелы вокруг минуса

Answer 3

[Ярослав Иванов]

var calc = "calc(" + (100 + "%") + " - " + (5 + "px") + ")";
document.getElementById("classname").style.width = calc;
console.log(calc)

Comments

[Ingernirated]

задавал, не работает

[Ярослав Иванов]

Работает.

[Ярослав Иванов]

Надо просто пробелы добавить где знак минус иначе игнорируется.

[Ярослав Иванов]

https://jsfiddle.net/vd631xo3/4/

Answer 4

[RoverWhite]

А можно вот так извратиться

var width = document.getElementById("id").parentNode.offsetWidth - 5;
document.getElementById("id").style.width = width + 'px';

Comments

[Ingernirated]

значение не фиксированное, там грубый пример.