Передача значения Javascript в CSS?
Я пытаюсь передать значение javascript (процент) в строку ширины css 100%, которая в настоящее время составляет 30%. В настоящее время создается таблица, которая заполняется снаружи, начиная с 0 и заканчивая 30%, я хочу иметь возможность реализовать мое значение Javascript (c2_percent) вместо значения 30%. Если кто-то может помочь, было бы здорово. Спасибо
Навскидку, я бы добавил эту строку после вычисления c2_percent
в скрипте (убедитесь, что ваш c2_percent определен вне цикла, и установите его как переменную, а не константу).
document.getElementById('c2-rating').setAttribute("data-percentage", c2_percent * 100 + '%');
Поскольку вы не предоставили никаких других данных об остальной части страницы, стилях и т.д. Я не могу сказать, будет ли это вообще работать.
Вы претендуете на изменение ширины c2-рейтинга?
Это изменяет только значение атрибута data-percentage.
Чтобы изменить атрибут css width, вы можете попробовать
document.getElementById('c2-rating').setAttribute("style","width:" + (c2_percent * 100) + '%');