Javascript 将“值”作为属性的参数从滑块传递到元素

我试图捕获一个HTML滑块值，该值假定用于在CSS类中设置属性的参数

因此，我有一个滑块和一个div元素-我想向其传递一个值：

<input type="range" min="1" max="11" value="6" class="slider" id="slider">

<div id="container">
     <div id="fg2">text</div>
</div>

现在，我想向FGElement添加一个类，我将在其中放置flex grow:[i]。这是我的想法，如何动态地捕获从滑块到元素的值

这是正确的方法吗？如果是的话-如何在JS中设置CSS类属性的参数

---

如果没有，正确的方法是什么…

您不能动态更改.css文件的值

您必须使用JS来应用内联样式

document.getElementById('myElement').style.flexGrow = i;

document.getElementById('myElement').style.flexGrow = i;